Исследование невизуальной доступности сайтов и мобильных приложений сферы «Маркетплейсы»

октябрь — ноябрь 2023 г.

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

Какие сервисы были протестированы:
    • Сайт и мобильные приложения для iOS и Android маркетплейса AliExpress Россия;

    • Сайт и мобильные приложения для iOS и Android маркетплейса CDEK.Shopping;

    • Сайт и мобильные приложения для iOS и Android маркетплейса Lamoda;

    • Сайт и мобильные приложения для iOS и Android маркетплейса OZON;

    • Сайт и мобильные приложения для iOS и Android маркетплейса Wildberries;

    • Сайт и мобильные приложения для iOS и Android маркетплейса «МегаМаркет»;

    • Сайт и мобильные приложения для iOS и Android маркетплейса «Яндекс Маркет».

      Какие разделы и пользовательские сценарии были проверены:
      1. Общая структура сайта, загруженность главной страницы, доступность в целом.

      2. Вход, регистрация и восстановление пароля.

      3. Фильтрация товаров, поиск, доступность каталога.

      4. Доступность и информативность страницы с товаром и его характеристик.

      5. Доступность модуля отзывов к каждому товару.

      6. Взаимодействие с корзиной, оформление заказа, наличие поля для комментария.

      7. Доступность контактной информации.

        Общие выводы

        В этом блоке представлены только платформы, получившие высокую оценку доступности.
        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, листаем вниз и выбираем. Данный вариант удобнее. Поле для комментария не имеет текстовой метки.
                Сценарий
                Сайт
                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 и листаем вниз. Неопытный пользователь, вероятно, не сможет решить эту проблему. Для всех модальных окон рекомендуем сделать роль диалог и поставить туда фокус.

                • Фильтры для сортировки результатов поиска найти не удалось.
                        Сценарий
                        Сайт
                        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», которые находятся на странице с товарами лучше подписать по-русски.

                        • При нажатии на кнопку «Добавить в корзину» непонятно, добавился ли товар в нее или нет. Статус кнопки не меняется. На данный момент добавить товар в корзину невозможно.

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

                        • Ссылки с логотипами партнерских организаций на главной странице не имеют текстовых меток. Для удобства их нужно подписать.
                                  Сценарий
                                  Сайт
                                  iOS
                                  Android
                                  Общая структура сайта, загруженность главной страницы, доступность в целом
                                  4
                                  4
                                  2
                                  Вход, регистрация и восстановление пароля
                                  2
                                  2
                                  2
                                  Фильтрация товаров, поиск, доступность каталога
                                  4
                                  2
                                  2
                                  Доступность и информативность страницы с товаром и его характеристик
                                  4
                                  5
                                  3
                                  Доступность модуля отзывов к каждому товару
                                  5
                                  5
                                  2
                                  Взаимодействие с корзиной; оформление заказа, наличие поля для комментария
                                  2
                                  4
                                  3
                                  Доступность контактной информации
                                  3
                                  1
                                  4
                                  • Доступность сервиса можно оценить как среднюю.

                                  • Основные функции отрабатываются корректно, однако ресурс нуждается в доработке.

                                  • На главной странице имеются графические элементы, предназначение которых непонятно для незрячего пользователя. Для более удобной навигации рекомендуем разделить области на тематические заголовки.
                                  • Достаточно много рекламных товаров, перемещаться по которым быстро затруднительно.

                                  • Путь до выхода из аккаунта и кнопки «Войти» пользователь скринридера может найти лишь последовательным перемещением по странице.

                                  • В разделе поиска некоторые параметры фильтра не дают при нажатии никакой обратной связи о том, что фильтр применен.

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

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

                                  • При просмотре отдельных товаров есть неподписанные кнопки. Неподписанные или некорректно подписанные кнопки имеются также в карточках товаров.

                                  • Блок отзывов о товаре не имеет заголовка, что замедляет поиск. И вновь встречаются я неподписанные кнопки. Для более удобной и быстрой навигации на экране с корзиной не хватает заголовка.

                                  • Есть неподписанные кнопки.

                                  • При выборе карты из списка в способах оплаты, она перемещается по этому списку вверх, что не является очевидным идентификатором выбора.

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

                                  • Чат с ботом поддержки крайне неудобен. Не очень понятно, как прочесть свои же сообщения. В основном доступен лишь выбор из предложенных вариантов. После выхода из поля редактирования сообщения обратно в него с помощью скринридера не попасть.
                                              Сценарий
                                              Сайт
                                              iOS
                                              Android
                                              Общая структура сайта, загруженность главной страницы, доступность в целом
                                              4
                                              4
                                              4
                                              Вход, регистрация и восстановление пароля
                                              5
                                              5
                                              4
                                              Фильтрация товаров, поиск, доступность каталога
                                              4
                                              4
                                              3
                                              Доступность и информативность страницы с товаром и его характеристик
                                              4
                                              3
                                              3
                                              Доступность модуля отзывов к каждому товару
                                              4
                                              4
                                              1
                                              Взаимодействие с корзиной; оформление заказа, наличие поля для комментария
                                              4
                                              4
                                              4
                                              Доступность контактной информации
                                              5
                                              5
                                              4
                                              • В целом доступность сайта сервиса находится на высоком уровне.

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

                                              • Стартовая страница имеет хорошую доступность для скринридера, однако число элементов достаточно большое, что несколько затрудняет навигацию.

                                              • Также на главной странице есть просмотр рекламных новостных слайдов, который неудобен для программ экранного доступа

                                              • Есть кнопка «Закрыть меню», но неясно, какое именно меню она закрывает Поиск по каталогу доступен и через категории, и по ключевым запросам. Однако в фильтрации есть варианты, недоступные для скринридеров, например, выбор цветов.

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

                                              • Информация в отзывах доступна, но не весь функционал отрабатывает корректно. Например, при нажатии кнопки «Пожаловаться на отзыв» не происходит видимых для пользователя скринридера изменений. Лишь экспериментальным путем можно найти соответствующий блок в верхней части экрана.

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

                                              • Внизу каждой страницы есть кнопка онлайн-чата, где можно задать вопрос в поддержку. Данный функционал доступен. Аналога в iOS приложении обнаружить не удалось. Кроме того, есть ссылка «Контакты», которую можно активировать, находясь на любой странице сайта.
                                                            Сценарий
                                                            Сайт
                                                            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. Было бы лучше, если бы это можно было сделать и при помощи клавиш-стрелок.
                                                                              • При активации кнопки профиля не удается сразу попасть в меню, чтобы, например, связаться из него с поддержкой.

                                                                                            Еще сферы

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