Исследование невизуальной доступности сайтов и мобильных приложений сферы «Маркетплейсы»
октябрь — ноябрь 2023 г.
Детали исследования
Какие сервисы были протестированы:
- Сайт и мобильные приложения для iOS и Android маркетплейса AliExpress Россия;
- Сайт и мобильные приложения для iOS и Android маркетплейса CDEK.Shopping;
- Сайт и мобильные приложения для iOS и Android маркетплейса Lamoda;
- Сайт и мобильные приложения для iOS и Android маркетплейса OZON;
- Сайт и мобильные приложения для iOS и Android маркетплейса Wildberries;
- Сайт и мобильные приложения для iOS и Android маркетплейса «МегаМаркет»;
- Сайт и мобильные приложения для iOS и Android маркетплейса «Яндекс Маркет».
Какие разделы и пользовательские сценарии были проверены:
- Общая структура сайта, загруженность главной страницы, доступность в целом.
- Вход, регистрация и восстановление пароля.
- Фильтрация товаров, поиск, доступность каталога.
- Доступность и информативность страницы с товаром и его характеристик.
- Доступность модуля отзывов к каждому товару.
- Взаимодействие с корзиной, оформление заказа, наличие поля для комментария.
- Доступность контактной информации.
Общие выводы
В этом блоке представлены только платформы, получившие высокую оценку доступности.
1 платформа = 1 медаль в соответствии со следующей системой оценок.
(полная информация обо всех протестированных платформах и брендах размещена в отчётах ниже)
1 платформа = 1 медаль в соответствии со следующей системой оценок.
(полная информация обо всех протестированных платформах и брендах размещена в отчётах ниже)
Золотую «медаль»
мы присудили платформам, получившим все оценки 4 и выше.
Cеребряную «медаль»
мы присудили платформам, получившим максимум одну 3.
- WilberriesСайт маркетплейса
- «МегаМаркет»Сайт маркетплейса
- «Яндекс Маркет»Сайт маркетплейса
- CDEK.ShoppingПриложение для Android
- CDEK.ShoppingСайт маркетплейса
- OZONСайт маркетплейса
- WilberriesПриложение для iOS
Сводная таблица баллов доступности всех исследуемых магазинов
Баллы доступности
- Отличная доступностьПроблем не замечено либо имеется 1–2 незначительных комментария.
- Хорошая доступностьИмеется несколько некритичных, не препятствующих прохождению сценария проблем.
- Удовлетворительная доступность.Количество проблем значительно. Даже, если каждая из них не критична, все вместе они ощутимо ухудшают пользовательский опыт. Либо прохождение сценария требует использования дополнительных возможностей скринридера, в которых неопытные пользователи часто не разбираются.
- Плохая доступностьПрохождения сценария значительно затруднено. Если сценарий и возможно пройти, то только опытными пользователями программ экранного доступа.
- Сценарий по какой-то причине полностью непроходим либо его можно пройти лишь с огромными затруднениями со стороны пользователя (например, при помощи зрячего человека).
- Ресурс либо отсутствует, либо используется только как информационный и не дает полного доступа ко всем возможностям.
Оценка доступности по онлайн-ресурсам
Сценарий
Сайт
iOS
Android
Общая структура сайта, загруженность главной страницы, доступность в целом
3
2
3
Вход, регистрация и восстановление пароля
4
3
4
Фильтрация товаров, поиск, доступность каталога
4
4
2
Доступность и информативность страницы с товаром и его характеристик
5
4
3
Доступность модуля отзывов к каждому товару
4
4
2
Взаимодействие с корзиной, оформление заказа, наличие поля для комментария
3
2
3
Доступность контактной информации
4
4
3
- При входе, регистрации и восстановлении пароля может появиться капча в виде слайдера, который необходимо сдвинуть мышкой. Но он появляется не всегда. Аудиоверсии капчи нет.
- В момент тестирования была произведена авторизация через VK, аккаунт уже был, и капча не потребовалась.
- Некоторые кнопки не подписаны.
- Нет семантических ориентиров на странице.
- На главной странице слишком много заголовков.
- В поиске есть фильтры, но фокуса по tab и ролей у элементов фильтра нет.
- При выборе цвета кнопки не подписаны, но можно нажимать подряд на каждую и читать надпись, что находится чуть выше кнопок.
- Если вводить адрес со страницы оформления заказа, то результаты из комбинированного списка не всегда проговариваются. Нужно написать, например, название города, нажать стрелку вниз, нажать tab, затем shift+tab и только тогда мы сможем узнать, тот ли город был выбран. Аналогично с названием улицы.
- При установки адреса с главной страницы или из раздела настроек это выглядит иначе: над картой есть поле поиска, в одно него пишем полностью город, улицу, дом, выходим из режима редактирования NVDA, листаем вниз и выбираем. Данный вариант удобнее. Поле для комментария не имеет текстовой метки.
- Нет кнопки «Назад», вернуться невозможно даже жестом VoiceOver. Только если нажимать на вкладку и проходить весь путь заново.
- В поиске из фильтров есть только переключатель «Распродажа».
- На странице товара не нажимаются кнопки «Купить сейчас» и «Добавить в корзину». Нет возможности выбрать цвет товара. В результате вышесказанного, заказ при включенном VoiceOver совершить невозможно либо очень затруднительно.
- Общая доступность приложения низкая. Практически не вызывает затруднений процесс входа. Но далее пользователь сталкивается с рядом сложностей. Вот некоторые из них:
- У многих кнопок отсутствуют текстовые метки («Поиск», «Назад», «Оценка», кнопка изменения количества товара и т. д.)· Большинство полей редактирования также лишены подписей, что особенно критично для окна заполнения контактных данных и адреса доставки.
- На экране фильтров не озвучивается состояние выбора параметров, а при их активации фокус доступности всегда переходит к началу.
- Навигация по каталогу с помощью свайпов практически невозможна. Фокус доступности перемещается только по неподписанным карточкам товаров. Чтобы обнаружить объекты с описаниями, необходимо задействовать изучение касанием. Аналогичная проблема также характерна для списков отзывов.
- Варианты цвета/комплектации на странице товара также не имеют подписей, что значительно затрудняет их выбор.
Сценарий
Сайт
iOS
Android
Общая структура сайта, загруженность главной страницы, доступность в целом
4
4
4
Вход, регистрация и восстановление пароля
4
5
4
Фильтрация товаров, поиск, доступность каталога
3
4
4
Доступность и информативность страницы с товаром и его характеристик
5
4
5
Доступность модуля отзывов к каждому товару
5
1
N/A
Взаимодействие с корзиной; оформление заказа, наличие поля для комментария
4
4
4
Доступность контактной информации
5
4
5
- Не подписаны некоторые кнопки, например, в корзине кнопка для удаления товара озвучивается как «Ссылка cart».
- Некоторые кнопки, например, «Войти», представлены как обычный текст, нет фокуса при нажатии tab и нет ролей.
- Поиск сделан не интуитивно: если написать запрос и нажать Enter, страница, на которой мы находимся, как будто не меняется. На самом деле, результаты для скринридера появляются в самом начале страницы, то есть выше шапки. Нажимаем CTRL+Home и листаем вниз. Неопытный пользователь, вероятно, не сможет решить эту проблему. Для всех модальных окон рекомендуем сделать роль диалог и поставить туда фокус.
- Фильтры для сортировки результатов поиска найти не удалось.
- Некоторые кнопки не имеют текстовых меток, некоторые — английскую подпись. Сфокусироваться на кнопке «Назад» удается не всегда, вернуться на предыдущий экран возможно только с помощью специального жеста VoiceOver. Левее от неё есть кнопка «Iformation», это окно закрыть при включенном Voiceover не представляется возможным. Нужно выключить Voiceover и нажать в любом свободном месте на экране.
- Выбор размера, если это одежда или обувь, доступна через стандартный элемент регулировки Voiceover, что очень удобно для незрячего пользователя. Описание товара и его характеристики читаются, но отзывы найти не удалось. Возможно, кнопка для открытия отзывов не подписана и «затерялась» среди блока «Похожие товары».
- Для перехода в корзину нужно нажать на кнопку «Shopping cart» справа вверху. Значки плюса и минуса подписаны по-английски.
- Одно из удачных решений — выбор при заказе пункта выдачи не на карте, а из списка с поиском по названию. Но чтобы туда попасть, нужно нажать на одну из неподписанных кнопок, а далее нажать на кнопку list.
- Поле для комментария найти не удалось.
Доступность платформы находится на довольно высоком уровне. Найденные проблемы сводятся к нескольким неподписанным кнопкам («Назад», «Открыть список пунктов назначения», «Определить местоположение»), а также отсутствию подписей у карточек популярных брендов.
Сценарий
Сайт
iOS
Android
Общая структура сайта, загруженность главной страницы, доступность в целом
4
4
4
Вход, регистрация и восстановление пароля
2
2
4
Фильтрация товаров, поиск, доступность каталога
4
2
3
Доступность и информативность страницы с товаром и его характеристик
4
5
4
Доступность модуля отзывов к каждому товару
5
5
4
Взаимодействие с корзиной; оформление заказа, наличие поля для комментария
2
4
3
Доступность контактной информации
3
1
4
- Несмотря на то, что большинство элементов веб-версии маркетплейса подписаны корректно, а навигация по ее страницам не вызывает трудностей, доступность сайта можно оценить как низкую, поскольку добавить товар в корзину и оформить заказ незрячему человеку не представляется возможным. Без этого сайт маркетплейса носит исключительно информационный характер.
- Имеются проблемы с авторизацией на сайте. После ввода номера телефона на него поступает код, однако поле для ввода удается найти не сразу. После ввода не получается найти кнопку для продолжения входа. Кнопки для входа с помощью внешних сервисов, таких как Apple, Mail.ru, VK ID и др. не имеют текстовых меток, поэтому пользователю непонятно, что он выбирает. Рекомендуем их подписать.
- Цены на товар в каталоге озвучиваются некорректно. Эта особенность характерна для товаров, на которые распространяется скидка. Цену без скидки и со скидкой следует отделить, чтобы не путать пользователя.
- Кнопка поиска на главной странице не подписана. Рекомендуем подписать.
- Кнопки «Previous» и «Next», которые находятся на странице с товарами лучше подписать по-русски.
- При нажатии на кнопку «Добавить в корзину» непонятно, добавился ли товар в нее или нет. Статус кнопки не меняется. На данный момент добавить товар в корзину невозможно.
- Контактную информацию найти не удается, однако есть раздел поддержки, где можно узнать ответ на свой вопрос.
- Ссылки с логотипами партнерских организаций на главной странице не имеют текстовых меток. Для удобства их нужно подписать.
- Мобильное приложение для лиц, использующих VoiceOver на iOS, доступно на среднем уровне. Для более комфортного взаимодействия необходимо исправить некоторые моменты.
- В приложении маркетплейса достаточно много неподписанных либо некорректно подписанных элементов, неверно озвучиваются цены, имеются сложности с авторизацией и другие проблемы.
- Раздел поддержки полностью недоступен для незрячих. Однако, несмотря на это, найти и приобрести товар на маркетплейсе все же возможно.
- На вкладке «Каталог» скринридер некорректно озвучивает цены к товарам. Имеются проблемы с авторизацией по номеру мобильного телефона. Ввести его при помощи VoiceOver не удается, так как поле для ввода недоступно для программ экранного доступа. Есть возможность авторизации при помощи сторонних сервисов.
- На вкладках «Главная» и «Каталог», в правом верхнем углу, расположена кнопка, позволяющая искать товар по фото. Она подписана как «Photo», ее следует подписать корректно. Так же, как и кнопки «Similar» и «Inactive» в каталоге у каждого товара, кнопку поиска, подписанную как «Search Lens», кнопку «Назад», подписанную как «Back» (при просмотре карточки товара).
- Если товар со скидкой, стоимость на его странице озвучивается некорректно. Фильтр товаров в каталоге не озвучивается при помощи VoiceOver. Его использование невозможно. Незрячему неясно, как обратиться в техническую поддержку. Данный раздел есть на вкладке «Профиль», но его активация при помощи VoiceOver невозможна.
- На этапе оформления заказа, при выборе способа доставки, не озвучивается способ доставки «Самовывоз». С чем это связано, неясно.
- При навигации по странице товара, на вкладке «Профиль», расположено много элементов, не озвучиваемых VoiceOver.
- Большинство функций доступно на удовлетворительном уровне, однако имеется одна существенная проблема, а также ряд недочетов, затрудняющих выполнение некоторых действий.
- Основная проблема заключается в том, что у пользователей скринридеров полностью отсутствует возможность выбора пункта выдачи. Помимо имеющейся карты необходимо предоставить доступный список пунктов выдачи/примерки с поиском/фильтрацией. По этой причине воспользоваться доставкой в пункты выдачи сейчас, к сожалению, невозможно.
- Кроме того: Присутствуют неподписанные элементы: кнопки возврата назад и закрытия всплывающих окон, кнопки изменения количества товара в корзине, возврата на предыдущий шаг при вводе адреса и т. д.
- Порядок некоторых элементов при использовании линейной навигации (свайпов) не соответствует отображаемому. Например, кнопка «Получить код» на экране входа представляется первым объектом, хотя в действительности находится под полем ввода кода, а потому должна следовать за ним.
- При навигации по списку товаров с помощью свайпов в обратном направлении фокус доступности попадает исключительно на неподписанные миниатюры товаров, что заметно затрудняет навигацию.
- На экране поддержки отсутствуют подписи у кнопок аккаунтов в мессенджерах/социальных сетях.
Сценарий
Сайт
iOS
Android
Общая структура сайта, загруженность главной страницы, доступность в целом
4
4
2
Вход, регистрация и восстановление пароля
2
2
2
Фильтрация товаров, поиск, доступность каталога
4
2
2
Доступность и информативность страницы с товаром и его характеристик
4
5
3
Доступность модуля отзывов к каждому товару
5
5
2
Взаимодействие с корзиной; оформление заказа, наличие поля для комментария
2
4
3
Доступность контактной информации
3
1
4
- Доступность сервиса можно оценить как среднюю.
- Основные функции отрабатываются корректно, однако ресурс нуждается в доработке.
- На главной странице имеются графические элементы, предназначение которых непонятно для незрячего пользователя. Для более удобной навигации рекомендуем разделить области на тематические заголовки.
- Достаточно много рекламных товаров, перемещаться по которым быстро затруднительно.
- Путь до выхода из аккаунта и кнопки «Войти» пользователь скринридера может найти лишь последовательным перемещением по странице.
- В разделе поиска некоторые параметры фильтра не дают при нажатии никакой обратной связи о том, что фильтр применен.
- При активации кнопки сортировки пункты выбора появляются внизу экрана, что может быть неожиданно для незрячих пользователей.
- Перед результатами поиска сначала идут рекламные товары, в которых некоторые элементы представлены только как графика.
- При просмотре отдельных товаров есть неподписанные кнопки. Неподписанные или некорректно подписанные кнопки имеются также в карточках товаров.
- Блок отзывов о товаре не имеет заголовка, что замедляет поиск. И вновь встречаются я неподписанные кнопки. Для более удобной и быстрой навигации на экране с корзиной не хватает заголовка.
- Есть неподписанные кнопки.
- При выборе карты из списка в способах оплаты, она перемещается по этому списку вверх, что не является очевидным идентификатором выбора.
- В способах доставки, при выборе иного способа, возникает блок в нижней части экрана, что может быть неожиданным для незрячего пользователя.
- Чат с ботом поддержки крайне неудобен. Не очень понятно, как прочесть свои же сообщения. В основном доступен лишь выбор из предложенных вариантов. После выхода из поля редактирования сообщения обратно в него с помощью скринридера не попасть.
- Оценить доступность можно как достаточно ниже среднего.
- Voiceover в некоторых моментах работает медленно и меняет уровень громкости для озвучивания сообщений.
- Имеется множество некорректно подписанных элементов управления. Встречаются полностью нечитаемые блоки. Для удобства использования сервиса незрячими людьми необходимо провести существенную доработку приложения.
- При открытии приложения иногда появляются рекламные сообщения, которые невозможно закрыть средствами скринридера. Единственная вкладка в приложении не подписана.
- На странице много некорректно промаркированных элементов. Иногда непонятно, к какому товару относится то или иное сопутствующее описание. Пролистать страницу вниз средствами скринридера достаточно сложно.
- Авторизация доступна без нареканий, а вот для выхода из аккаунта необходимо добраться до профиля (кнопка обозначена некорректно), выбрать раздел безопасности, и далее пункт «Сеансы и устройства». Фильтрация и сортировка также доступны, за исключением выбора отдельных параметров фильтра. При этом, некоторые фильтры применяются, но пользователь этого может не понять.
- Есть много некорректно подписанных элементов, а также нечитаемые области. Есть область с рекламой, которая практически полностью не озвучивается Voiceover.
- Кнопки «Поделиться», «Добавить в избранное» и ряд других не имеют корректной подписи. Виды цен (было, стало, с Озон-картой) расположены в столбик, что не очень удобно для незрячего пользователя. Кнопка добавления в корзину находится в самом низу экрана, в то время, как «Добавить к сравнению» и «Купить в один клик» расположены совершенно в ином месте.
- Внутри отзывы почти все кнопки внутри отзыва не подписаны.
- Чтобы попасть в корзину необходимо в самом низу экрана выбрать элемент, подписанный как число, равное количеству добавленных в корзину товаров, что не является очевидным для пользователя.
- В самой корзине встречаются некорректные идентификаторы элементов управления. Непонятно, какой именно способ оплаты применился, если их несколько. Комментарий доступен если товар доставляется по адресу.
- Зайти на экран обращения в поддержку можно, но навигация совершенно неудобна для пользователей скринридера. Сообщения в чате появляются в верхней части экрана, что сильно затрудняет их чтение. Фокус внутри чата теряется.
- Приложение доступно на низком уровне.
- Вход/регистрация: страны при выборе телефонного кода в меню имеют только порядковый номер, не соответствующий коду. Их названия не читаются. Чтобы понять, какую страну человек выбрал, нужно нажать случайный пункт меню, вернуться назад, посмотреть код и, если он не тот, что нужен, повторить процедуру.
- Если у человека уже есть аккаунт, ему приходит запрос на проверку личности. Для этого нужно согласиться на отправку кода на электронную почту. Кнопка, отвечающая за отмену этого действия, не имеет текстовой метки. Она подписана как 0. Ошибочное нажатие на неё, может спровоцировать проблему создания нового аккаунта, решение которой потребует времени. Кнопка, подтверждающая отправку кода, также не имеет текстовой метки.
- Главная страница: невозможно прочесть какие товары показываются, будь то акции или специальные предложения. Товары не озвучиваются, а кнопки добавления их в избранное или корзину не имеют текстовой метки. Из озвученного только предполагаемая скидка и количество единиц товара.
- Пункт меню указания адреса доставки не имеет текстовой метки, так же как и кнопка просмотра бонусов и уведомлений.
- Фильтры практически недоступны. Вместо корректных названий показаны строки кода. Т. е. пункты меню фильтров не имеют текстовой метки.
- Отзывы: оценка товара невозможна, так как недоступна шкала. Написание отзыва также невозможно, поля редакторов не имеют текстовой метки. Предположительно, эти поля отвечают за достоинства, недостатки и общее впечатление о товаре.
- Страница товара недоступна, название и описание отображаются некорректно, пункты не имеют текстовой метки.
- Корзина: кнопки регулировки количества товара не имеют текстовой метки.
Сценарий
Сайт
iOS
Android
Общая структура сайта, загруженность главной страницы, доступность в целом
4
4
4
Вход, регистрация и восстановление пароля
5
5
4
Фильтрация товаров, поиск, доступность каталога
4
4
3
Доступность и информативность страницы с товаром и его характеристик
4
3
3
Доступность модуля отзывов к каждому товару
4
4
1
Взаимодействие с корзиной; оформление заказа, наличие поля для комментария
4
4
4
Доступность контактной информации
5
5
4
- В целом доступность сайта сервиса находится на высоком уровне.
- Для максимального удобства использования незрячими людьми можно провести адаптацию некоторых всплывающих элементов управления, а также подписать кнопки корректным образом.
- Стартовая страница имеет хорошую доступность для скринридера, однако число элементов достаточно большое, что несколько затрудняет навигацию.
- Также на главной странице есть просмотр рекламных новостных слайдов, который неудобен для программ экранного доступа
- Есть кнопка «Закрыть меню», но неясно, какое именно меню она закрывает Поиск по каталогу доступен и через категории, и по ключевым запросам. Однако в фильтрации есть варианты, недоступные для скринридеров, например, выбор цветов.
- Информация о товаре полностью доступна, реализована навигация по областям и заголовкам. Однако, имеются некорректно подписанные кнопки. При выборе размера, например, для одежды, нет понятного подтверждения сделанного выбора.
- Информация в отзывах доступна, но не весь функционал отрабатывает корректно. Например, при нажатии кнопки «Пожаловаться на отзыв» не происходит видимых для пользователя скринридера изменений. Лишь экспериментальным путем можно найти соответствующий блок в верхней части экрана.
- Работа с корзиной в целом доступна. Однако, нет подписей у кнопок уменьшения и увеличения количества товара, при выборе способа доставки соответствующий блок возникает в верхней части экрана, что может быть неожиданно для пользователя скринридера (аналогично предыдущему сценарию).
- Внизу каждой страницы есть кнопка онлайн-чата, где можно задать вопрос в поддержку. Данный функционал доступен. Аналога в iOS приложении обнаружить не удалось. Кроме того, есть ссылка «Контакты», которую можно активировать, находясь на любой странице сайта.
- В целом доступность сервиса находится на хорошем уровне. При этом основные замечания сводятся к некорректно подписанным элементам управления, перегруженности ряда страниц, недостаточной эргономичности блоков для пользователей скринридеров.
- Устранение этих замечаний позволит сделать работу сервиса существенно удобнее для незрячих людей.
- Вкладка «Главная» в целом читаема и доступна. Из минусов стоит выделить некорректные подписи для элементов добавления товара в корзину, кнопки уведомлений и некоторых других. Страница содержит предложения с различными товарами. Из-за того, что новые элементы появляются по мере прокрутки, получается, что при клавиатурной навигации блок с товарами бесконечен, что затрудняет возможность перейти к элементам за пределами этого блока Авторизация, выход и вход в аккаунт работают без нареканий
- Единственный мелкий минус — некорректные подписи для кнопок, например, закрытие окна. Аналогичная проблема имеется в разделе поисках. Здесь же есть еще существенное неудобство — невозможность вернуться на уровень выше в выбранной категории по нажатию кнопки назад (но возможно при использовании специального жеста Voiceover).
- Доступен функционал добавления в корзину, просмотра характеристик товара и вопросов о товаре.
- Сложно ориентироваться в размерах и цветах, если товар подразумевает опции выбора.
- Огромное количество похожих товаров затрудняют навигацию по странице.
- Отзывы можно прочесть последовательно. В случае, например, с конструктором Лего после каждого отзыва шла строка с обозначением цвета, которая не имеет очевидного смыслового назначения для незрячего пользователя.
- Оформление заказа в целом доступно.
- Удаление лишних товаров срабатывает только через элемент «еще», но не убавляется до нуля кнопкой «минус». Адреса и пункты выдачи выбрать можно, но нет корректного подтверждения выбранного адреса для пользователя с проблемами зрения. Поля комментария по заказу нет. Контактная информация доступна. Небольшой минус в том, что необходимо сначала зайти во вкладку «Профиль», затем в раздел «Информация», затем в «Контакты».
- Обратная связь с сервисом возможна лишь через обращения по заданным темам. Горячей линии поддержки нет.
- Приложение доступно на среднем уровне.
- Кнопки камеры, голосового поиска и поиска не имеют текстовой метки и представлены только значками.
- Рекламные баннеры на главной странице замедляют программу экранного доступа.
- В каталоге дублируются названия подкатегорий. Например: «Зеркала», «Зеркала».
- Кнопки сортировки типов фильтров не имеют текстовой метки. Если один из фильтров был установлен, он не всегда озвучивается при пролистывании. К примеру, выбрав продавца из списка и вернувшись на страницу выбора фильтров, при нахождении пункта меню «Продавец», после него будет идти только слова список, а не выбранный фильтр.
- Кнопки добавления товара в избранное и в поиск похожих товаров не имеют текстовых меток.
- На странице товара нелегко найти кнопки покупки и добавления товара в корзину. Сообщение, которое появляется после добавления товара в корзину, не прочитывается.
- При оформлении заказа вместо статуса цены доставки отображается строка кода.
- Элемент меню, отвечающий за количество оповещений, не имеет текстовой метки. Вместо этого виден элемент кода.
- На вкладке профиля товары, ожидающие отзывов, не имеют текстовой метки и нечитаемы
- Пункт с отзывами обнаружить не удалось.
Сценарий
Сайт
iOS
Android
Общая структура сайта, загруженность главной страницы, доступность в целом
4
3
3
Вход, регистрация и восстановление пароля
5
5
3
Фильтрация товаров, поиск, доступность каталога
4
4
2
Доступность и информативность страницы с товаром и его характеристик
5
4
3
Доступность модуля отзывов к каждому товару
4
3
3
Взаимодействие с корзиной; оформление заказа, наличие поля для комментария
4
4
4
Доступность контактной информации
5
5
1
- Доступность сервиса хорошая. Но для комфортного использования незрячими людьми рекомендуем исправить некоторые недочеты. Большая часть из них касается неподписанных элементов и всплывающих информационных блоков в неожиданных частях экрана.
- Главная страница перегружена большим количеством рекламных товаров.
- Есть слайдер с графическими элементами, о предназначении которых сложно догадаться.
- Функциональный блок ссылок рекомендуем выделить отдельным заголовком.
- Фильтры и сортировка в целом доступны, но имеются отдельные неподписанные кнопки.
- Перед фильтрами поиска идет большой блок рекламных товаров, что замедляет навигацию по странице.
- В разделе отзывов не подписаны кнопки с реакциями на отзывы. Также при нажатии кнопки «Оставить комментарий» всплывает информационное сообщение в верхней части экрана, что неочевидно для незрячего пользователя.
- При добавлении товара в корзину возникает информационное сообщение вверху экрана (аналогично предыдущему сценарию).
- Кнопки увеличения и уменьшения количества товара, а также очистки корзины не подписаны.
- Доступность сервиса хорошая. Но для комфортного использования незрячими людьми рекомендуем исправить некоторые недочеты. В основном это касается некорректных обозначений элементов управления и перегруженности рекламных блоков.
- Практически вся информация, представленная в главной вкладке, посвящена рекламным товарам.
- Много неподписанных графических элементов.
- Есть строки, на которых находится сразу несколько товаров, произносимых скринридером по очереди.
- Поиск, по ключевым словам, и отдельным категориям доступен. Также доступны фильтры и сортировка.
- Оценка снижена из-за большого числа некорректных подписей для кнопок, например, для того, чтобы поделиться товаром, добавления в избранное и т. п. Некорректно подписаны функциональные кнопки карточки товара, также нет подписи у кнопки добавления в корзину
- В начале раздела отзывов идет большой блок со средними оценками товара по ряду сравнительных характеристик. Данные здесь представлены в виде неинформативных элементов. Нет подписей у элементов оценки отзыва.
- На экране корзины есть неподписанные или некорректно подписанные элементы управления.
- Приложение доступно на уровне ниже среднего.
- На вкладке профиля все пункты меню перед кнопкой, отвечающей за бонусы, не имеют текстовой метки.
- В каталоге (поиск товаров) кнопки сравнения и добавления товара в избранное не имеют текстовой метки.
- Не во всех категориях подкатегории и товары корректно озвучиваются. Например, в категории «Одежда и аксессуары», подкатегории представлены изображениями, они нечитаемы.
- На странице товара огромное количество кнопок, не имеющих текстовой метки. Непонятно, за что большинство из них отвечает.
- На главной странице много баннеров, которые замедляют работу программы экранного доступа.
- Реакции на тот или иной отзыв не имеют текстовой метки.
Сценарий
Сайт
iOS
Android
Общая структура сайта, загруженность главной страницы, доступность в целом
4
4
3
Вход, регистрация и восстановление пароля
5
5
4
Фильтрация товаров, поиск, доступность каталога
5
4
3
Доступность и информативность страницы с товаром и его характеристик
5
4
3
Доступность модуля отзывов к каждому товару
5
4
3
Взаимодействие с корзиной; оформление заказа, наличие поля для комментария
4
4
2
Доступность контактной информации
4
1
4
- Web-версия маркетплейса практически на 100% доступна для незрячих людей.
Есть лишь два небольших замечания:
- В разделе отзывов есть кнопка, подписанная как «Больше действий». При ее активации открывается выпадающий список из одного элемента — «Пожаловаться». По какой-то причине попасть на него курсором получилось только при помощи клавиши Tab. Было бы лучше, если бы это можно было сделать и при помощи клавиш-стрелок.
- При активации кнопки профиля не удается сразу попасть в меню, чтобы, например, связаться из него с поддержкой.
- Мобильное приложение маркетплейса в целом доступно для лиц, использующих VoiceOver на iOS, однако есть ряд проблем, требующих доработки.
- Много неподписанных элементов.
- Раздел технической поддержки с контактной информацией оказался полностью недоступным для пользователей VoiceOver.
- На главной странице размещен элемент, отображающая количество баллов плюса. При попадании на него курсора VoiceOver скринридер озвучивает количество накопленных баллов плюса, например — «515». Непонятно, что такое «515». Рекомендуем подписать элемент корректно, например: «Баллы Плюса: количество накопленных баллов». Также на главной странице расположена кнопка умной камеры, подписанная как «SmartCamera». Рекомендуем подписать ее по-русски.
- При перемещении по элементам главной страницы жестами смахивания VoiceOver после поля поиска фокус попадает в область рекламы. При каждом смахивании скринридер озвучивает «Реклама». Это затрудняет навигацию, может возникнуть ощущение, что курсор завис.
- Не все товары, размещенные на главной странице, озвучиваются.
- При навигации по странице произносится только скидка, стоимость товара и количество оставшихся штук. Совершенно не понятно, какой товар представлен.
- При открытии акционных страниц в приложении их содержимое не озвучивается. VoiceOver озвучивает только верхнюю часть (название страницы) и кнопку назад «Back», которую следует подписать корректно. На этой же акционной странице, помимо кнопки «Back», есть кнопка «BrowserClose». При ее активации иногда ничего не происходит, а иногда открывается другая страница, видимо, с акционным товаром. Эта страница также не озвучивается скринридером.
- На странице товара кнопки «ComparisonButtonIcon» и «ShareButtonIcon» следует подписать корректно.
- На странице товара элемент «Ссылка на вендора» не активируется, дополнительная информация отсутствует.
- На странице товара элемент «Заголовок товара» не несет в себе никакой информативной нагрузки для скринридера. Название не озвучивается, VoiceOver читает лишь «Заголовок товара».
- На странице товара, после кнопки «Купить сейчас» есть элемент «product_card_supplier_default_offer0». При его активации пользователь попадает на страницу магазина. Данный элемент следует подписать корректно.
- В корзине справа от каждого товара есть чекбокс. Он подписан как «checkBoxUnselected», когда товар не выбран и «checkBoxSelected», когда соответствующий товар выбран. Чекбокс следует подписать корректно.
- При подтверждении оформления заказа непонятно, какой способ доставки выбран: в пункт самовывоза или курьером. VoiceOver не выделяет выбранный способ доставки.
- В корзине нет поля «Комментарий».
- Раздел «Служба поддержки» недоступен. Открывается страница, содержимое которой не озвучивается. Пользователь не может связаться с поддержкой и получить помощь по своему вопросу.
- Доступность сервиса средняя. Есть критичные проблемы и множество типовых недочетов, а именно:
- Полностью отсутствует возможность выбрать пункт выдачи, т. к. для этого предлагается только недоступная незрячему человеку карта. Необходимо предоставить альтернативный вариант выбора, например, с помощью списка.
- Флажки и переключатели на экране фильтров не озвучиваются оптимальным образом — они не сообщают о своем состоянии. Однако после отмеченных флажков в представлении доступности появляются неподписанные изображения, по которым их статус все же можно косвенно определить. Все флажки должны иметь соответствующую роль с состоянием, а неподписанные изображения и прочие служебные элементы следует скрыть.
- Навигация по категориям и товарам с помощью свайпов заметно затруднена большим количеством лишних элементов. Например, рядом с кнопкой добавления в корзину имеется текстовая метка с аналогичным содержанием, а перед каждой категорией имеется некликабельная и неподписанная иконка и еще один неактивный объект неясного назначения. Подобные дублирующиеся или служебные объекты также необходимо убрать из представления доступности.
- Описание товара размещено среди нескольких каруселей с похожими/рекомендуемыми предложениями, из-за чего его довольно сложно обнаружить, особенно при использовании свайпов, т. к. блоки рекомендаций постоянно прокручиваются. Есть смысл перенести блок описания/характеристик выше рекомендаций или добавить кнопку вверху экрана для быстрого перехода к нему.
- повсюду встречаются неподписанные кнопки. Нет меток, к примеру, у кнопки возврата на предыдущий экран, кнопок выставления оценки при отправке отзыва, перехода к корзине внизу страницы товара, действий по долгому нажатию на сообщение в чате с поддержкой.
Еще сферы
Протестированы сервисы 7 онлайн-магазинов: «Перекрёсток», «Пятёрочка», «Дикси», «Ашан», «Вкусвилл», «Магнит», «Лента». В основном доступность сферы ритейла выше среднего, но у некоторых магазинов есть сложности в мобильных приложениях на Android.
Тестирование сервисов онлайн-бронирования билетов 6 популярных платформ: «Авиасейлс», OneTwoTrip!, «Купибилет», РЖД", Tutu.ru, «Яндекс Путешествия». Лучше всего с доступностью этих сайтов в приложениях на платформе Android: все они получили оценки выше среднего.
Проведена оценка веб-ресурсов 5 крупных российских телеком-компаний: Tele2, Yota, «МегаФон», «билайн», МТС. В целом все телеком-компании работают над повышением доступности своих веб-ресурсов.
Если вы хотите улучшить сервис или у вас есть вопросы по исследованию:
Группа экспертной оценки: Евгений Сличный, Александр Пашкевич, Андрей Якубой, Данил Пылаев, Николай Соловьёв, Александр Калачинский, Михаил Солдатов, Валерия Афанасьева, Бека Гозалишвили, Алексей Самойлов, Василий Дрожжин, Владислав Копылов, Владислав Мурды-Худа
Контент: Айслу Асан, Светлана Сидорова, Анна Емельянова, Елена Шаламова
Инфографика и верстка: Роман Акинин, Елена Литвинова, Артем Волыгин, Элина Яценко, Александра Адельшина, Мария Гудова, Юлия Мамцева
Графика и монтаж видео: Роман Акинин, Евгений Мамонов, Андрей Рудь
Закадровый текст: Никита Чесноков
Команда проекта