Исследование невизуальной доступности сайтов сферы «Обучение»

август — ноябрь 2023 г.

Детали исследования

Какие сервисы были протестированы:
    • Сайт образовательной платформы GeekBrains;

    • Сайт образовательной платформы Skillbox;

    • Сайт образовательной платформы Stepik;

    • Сайт образовательной платформы «Открытое образование»;

    • Сайт сервиса онлайн-образования «Яндекс Практикум».
      Какие разделы и пользовательские сценарии были проверены:
      1. Общая структура сайта;

      2. Вход и регистрация;

      3. Редактирование и заполнение профиля;

      4. Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов;

      5. Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее;

      6. Доступность программы курса и общей структуры курса в личном кабинете после покупки;

      7. Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе;

      8. Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы;

      9. Доступность обратной связи и технической поддержки платформ.

        Общие выводы о доступности онлайн-платформ

        В этом блоке представлены только платформы, получившие высокую оценку доступности.
        1 платформа = 1 медаль в соответствии со следующей системой оценок.
        (полная информация обо всех протестированных платформах и брендах размещена в отчётах ниже)
        Золотую «медаль»
        мы присудили платформам, получившим все оценки 4 и выше.
        Cеребряную «медаль»
        мы присудили платформам, получившим максимум одну 3.
        • «Открытое образование»
          Образовательная платформа
        • Stepik
          Образовательная платформа
        Сводная таблица баллов доступности всех исследуемых образовательных платформ
        Баллы доступности
        • Отличная доступность
          Проблем не замечено либо имеется 1–2 незначительных комментария.

        • Хорошая доступность
          Имеется несколько некритичных, не препятствующих прохождению сценария проблем.

        • Удовлетворительная доступность.
          Количество проблем значительно. Даже, если каждая из них не критична, все вместе они ощутимо ухудшают пользовательский опыт. Либо прохождение сценария требует использования дополнительных возможностей скринридера, в которых неопытные пользователи часто не разбираются.

        • Плохая доступность
          Прохождения сценария значительно затруднено. Если сценарий и возможно пройти, то только опытными пользователями программ экранного доступа.

        • Сценарий по какой-то причине полностью непроходим либо его можно пройти лишь с огромными затруднениями со стороны пользователя (например, при помощи зрячего человека).

        • Ресурс либо отсутствует, либо используется только как информационный и не дает полного доступа ко всем возможностям.

        Оценка доступности каждой онлайн платформы

        Сценарий
        Оценка
        Общая структура сайта
        3
        Вход и регистрация
        4
        Редактирование и заполнение профиля
        3
        Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
        3
        Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
        3
        Доступность программы курса и общей структуры курса в личном кабинете после покупки
        N/A
        Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
        N/A
        Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
        N/A
        Доступность обратной связи и технической поддержки платформы
        5
        Сценарий
        Оценка
        Общая структура сайта
        3
        Вход и регистрация
        4
        Редактирование и заполнение профиля
        3
        Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
        3
        Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
        3
        Доступность программы курса и общей структуры курса в личном кабинете после покупки
        N/A
        Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
        N/A
        Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
        N/A
        Доступность обратной связи и технической поддержки платформы
        5
        • На стартовой странице сайта большинство кнопок поделены на кнопку и ссылку, из-за чего возникают трудности с их навигацией и активацией. Кроме того, имеется множество немаркированных графических элементов. Если они важны для пользователя, их стоит подписать, либо скрыть от скринридера.

        • В окне редактирования профиля также есть несколько неподписанных кнопок
          Сценарий
          Оценка
          Общая структура сайта
          3
          Вход и регистрация
          4
          Редактирование и заполнение профиля
          3
          Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
          4
          Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
          3
          Доступность программы курса и общей структуры курса в личном кабинете после покупки
          3
          Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
          3
          Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
          N/A
          Доступность обратной связи и технической поддержки платформы
          2
          Сценарий
          Оценка
          Общая структура сайта
          3
          Вход и регистрация
          4
          Редактирование и заполнение профиля
          3
          Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
          4
          Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
          3
          Доступность программы курса и общей структуры курса в личном кабинете после покупки
          3
          Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
          3
          Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
          N/A
          Доступность обратной связи и технической поддержки платформы
          2
          • Чтобы попасть в панель заполнения и редактирования профиля, необходимо сначала открыть окно с уведомлениями в личном кабинете, которое находится в самом низу страницы. Затем нужно нажать на неподписанную кнопку и только тогда для программ экранного доступа появится меню, из которого можно будет перейти в профиль. Такая реализация вызывает проблемы, для большинства пользователей скринридера этот раздел будет плохо доступен.

          • Как при выборе нужного занятия, так и в видеоплеере есть неподписанные кнопки, которые затрудняют пользование сервисом. Особенно много их встречается при выборе нужного занятия в курсе.

          • В панели связи с технической поддержкой не подписана ни одна кнопка, что создает значительные сложности для незрячих пользователей.
              Сценарий
              Оценка
              Общая структура сайта
              3
              Вход и регистрация
              4
              Редактирование и заполнение профиля
              4
              Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
              4
              Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
              4
              Доступность программы курса и общей структуры курса в личном кабинете после покупки
              4
              Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
              4
              Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
              4
              Доступность обратной связи и технической поддержки платформы
              5
              Сценарий
              Оценка
              Общая структура сайта
              3
              Вход и регистрация
              4
              Редактирование и заполнение профиля
              4
              Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
              4
              Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
              4
              Доступность программы курса и общей структуры курса в личном кабинете после покупки
              4
              Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
              4
              Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
              4
              Доступность обратной связи и технической поддержки платформы
              5
              • На стартовой странице сайта обнаружено несколько неподписанных кнопок, например, кнопка «Хочу пройти».

              • Скринридер начинает проговаривать её только после нажатия. Кроме того, было замечено множество неподписанных графических элементов.

              • В остальном доступность находится на хорошем уровне, хотя неподписанные элементы и портят общее впечатление от сервиса.
                    Сценарий
                    Оценка
                    Общая структура сайта
                    5
                    Вход и регистрация
                    4
                    Редактирование и заполнение профиля
                    4
                    Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
                    4
                    Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
                    5
                    Доступность программы курса и общей структуры курса в личном кабинете после покупки
                    5
                    Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
                    4
                    Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
                    N/A
                    Доступность обратной связи и технической поддержки платформы
                    5
                    Сценарий
                    Оценка
                    Общая структура сайта
                    5
                    Вход и регистрация
                    4
                    Редактирование и заполнение профиля
                    4
                    Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
                    4
                    Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
                    5
                    Доступность программы курса и общей структуры курса в личном кабинете после покупки
                    5
                    Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
                    4
                    Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
                    N/A
                    Доступность обратной связи и технической поддержки платформы
                    5
                    • Для удобства незрячего пользователя вход и регистрацию лучше сделать отдельным заголовком.

                    • При регистрации виден редактор, он идет сразу после флажка «Нет отчества» и подписан как «Войти». Если это поле логина, то лучше подписать его корректно – например, «Ваш логин».

                    • Элемент «Мой профиль», открывающий меню, откуда можно попасть в «Мои курсы», «Мою траекторию» и сами настройки профиля, лучше сделать в виде сворачиваемой и разворачиваемой кнопки (чтобы скринридер, например, читал это как "кнопка свернуто мой профиль"), при нажатии на которую, будет открываться то самое меню.

                    • При нажатии кнопки «Сохранить» после заполнения данных в профиле, курсор перемещается на редактор ввода email, будто есть какая-то ошибка, но ошибки нет. Форму фильтров для выбора курсов лучше сделать в виде комбинированных списков, а не в виде редактора только для чтения.
                            Сценарий
                            Оценка
                            Общая структура сайта
                            3
                            Вход и регистрация
                            1
                            Редактирование и заполнение профиля
                            N/A
                            Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
                            4
                            Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
                            5
                            Доступность программы курса и общей структуры курса в личном кабинете после покупки
                            3
                            Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
                            N/A
                            Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
                            N/A
                            Доступность обратной связи и технической поддержки платформы
                            5
                            Сценарий
                            Оценка
                            Общая структура сайта
                            3
                            Вход и регистрация
                            1
                            Редактирование и заполнение профиля
                            N/A
                            Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов
                            4
                            Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее
                            5
                            Доступность программы курса и общей структуры курса в личном кабинете после покупки
                            3
                            Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе
                            N/A
                            Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы
                            N/A
                            Доступность обратной связи и технической поддержки платформы
                            5
                            • При нажатии на ссылку «Войти» выбор аккаунта появляется в самом низу страницы. Курсор должен переходить автоматически, но этого не происходит. Неизвестно, является ли это временной проблемой на момент тестирования или ситуация постоянна, но после выбора с помощью скринридера аккаунта для входа ничего не происходит. Сайт только загружает предыдущую страницу, из-за чего вход оказывается невозможным.

                            • Сайт загроможден различными лишними элементами, некоторые ссылки повторяются по многу раз – например, «Истории выпускников». Также некоторые ссылки подписаны по-английски, например, programming, data-analysis. Для удобства каждого пользователя рекомендуем подписать их по-русски.

                            • При попадании на страницу конкретного курса для бесплатной пробы, нижний заголовок имеет неудобно читаемую подпись: «Теперь вы в Практикуме, а это уже важный шаг к новым навыкам и карьере».

                            • Также ниже на этой странице есть элементы: «Принимаю условия пользовательского соглашения и оферты», «Хочу получать рассылку по делу от Яндекс Практикума». Эти элементы следует реализовать в виде флажков, так как непонятно, отмечены ли они.

                                      Еще сферы

                                      Протестированы сервисы 7 онлайн-магазинов: «Перекрёсток», «Пятёрочка», «Дикси», «Ашан», «Вкусвилл», «Магнит», «Лента». В основном доступность сферы ритейла выше среднего, но у некоторых магазинов есть сложности в мобильных приложениях на Android.
                                      Тестирование сервисов онлайн-бронирования билетов 6 популярных платформ: «Авиасейлс», OneTwoTrip!, «Купибилет», РЖД", Tutu.ru, «Яндекс Путешествия». Лучше всего с доступностью этих сайтов в приложениях на платформе Android: все они получили оценки выше среднего.
                                      Проведена оценка веб-ресурсов 5 крупных российских телеком-компаний: Tele2, Yota, «МегаФон», «билайн», МТС. В целом все телеком-компании работают над повышением доступности своих веб-ресурсов.
                                      Если вы хотите улучшить сервис или у вас есть вопросы по исследованию:
                                      Группа экспертной оценки: Евгений Сличный, Александр Пашкевич, Андрей Якубой, Данил Пылаев, Николай Соловьёв, Александр Калачинский, Михаил Солдатов, Валерия Афанасьева, Бека Гозалишвили, Алексей Самойлов, Василий Дрожжин, Владислав Копылов, Владислав Мурды-Худа
                                      Контент: Айслу Асан, Светлана Сидорова, Анна Емельянова, Елена Шаламова
                                      Инфографика и верстка: Роман Акинин, Елена Литвинова, Артем Волыгин, Элина Яценко, Александра Адельшина, Мария Гудова, Юлия Мамцева
                                      Графика и монтаж видео: Роман Акинин, Евгений Мамонов, Андрей Рудь
                                      Закадровый текст: Никита Чесноков
                                      Команда проекта