Исследование невизуальной доступности сайтов сферы «Обучение»
август — ноябрь 2023 г.
Детали исследования
Какие разделы и пользовательские сценарии были проверены:
- Общая структура сайта;
- Вход и регистрация;
- Редактирование и заполнение профиля;
- Поиск нужного курса, возможность пользоваться фильтрами, выбор нужного курса из предлагаемых вариантов;
- Доступность и удобство страницы с информацией об отдельном курсе: программа, длительность, стоимость и прочее;
- Доступность программы курса и общей структуры курса в личном кабинете после покупки;
- Доступность отдельных материалов курса с точки зрения технической реализации, а не содержимого уроков. Доступность контактов преподавателя или формы связи с ним на платформе;
- Доступность функционала сдачи домашних заданий, если это предусмотрено функционалом платформы;
- Доступность обратной связи и технической поддержки платформ.
Общие выводы о доступности онлайн-платформ
В этом блоке представлены только платформы, получившие высокую оценку доступности.
1 платформа = 1 медаль в соответствии со следующей системой оценок.
(полная информация обо всех протестированных платформах и брендах размещена в отчётах ниже)
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, «МегаФон», «билайн», МТС. В целом все телеком-компании работают над повышением доступности своих веб-ресурсов.
Если вы хотите улучшить сервис или у вас есть вопросы по исследованию:
Группа экспертной оценки: Евгений Сличный, Александр Пашкевич, Андрей Якубой, Данил Пылаев, Николай Соловьёв, Александр Калачинский, Михаил Солдатов, Валерия Афанасьева, Бека Гозалишвили, Алексей Самойлов, Василий Дрожжин, Владислав Копылов, Владислав Мурды-Худа
Контент: Айслу Асан, Светлана Сидорова, Анна Емельянова, Елена Шаламова, Марина Аврина
Инфографика и верстка: Роман Акинин, Елена Литвинова, Артем Волыгин, Элина Яценко, Александра Адельшина, Мария Гудова, Юлия Мамцева
Графика и монтаж видео: Роман Акинин, Евгений Мамонов, Андрей Рудь
Закадровый текст: Никита Чесноков
Команда проекта