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

февраль 2024 г.
Детали исследования
Какие сервисы были протестированы:
  • Сайт и мобильные приложения (iOS, Android) аптечной сети «36,6»,

  • Сайт и мобильные приложения (iOS, Android) сервиса Apteka.ru,

  • Сайт и мобильные приложения (iOS, Android) аптечной сети «Будь здоров»,

  • Сайт и мобильные приложения (iOS, Android) аптечной сети «Вита»,

  • Сайт и мобильные приложения (iOS, Android) сервиса «Все аптеки»,

  • Сайт и мобильные приложения (iOS, Android) аптечной сети «ГОРЗДРАВ»,
  • Сайт и мобильные приложения (iOS, Android) сервиса «еАптека».
    Какие разделы и пользовательские сценарии были проверены:
    1. Общая структура, загруженность главной страницы/экрана;

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

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

    4. Доступность и информативность страницы/экрана;

    5. Доступность модуля отзывов;

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

    7. Доступность контактной информации, связь с поддержкой;
      Общие выводы о доступности сайтов и приложений аптечных сервисов
      В этом блоке представлены только платформы, получившие высокую оценку доступности.
      1 платформа = 1 медаль в соответствии со следующей системой оценок.
      (полная информация обо всех протестированных платформах и брендах размещена в отчётах ниже)

      Золотую «медаль»
      мы присудили платформам, получившим все оценки 4 и выше.
      Cеребряную «медаль»
      мы присудили платформам, получившим максимум одну 3.
      • Аптечная сеть «36,6»
        Приложения аптечной сети «36,6» для iOS и для Android
      • «еАптека»
        Приложение магазина для Android
      • Apteka.ru
        Сайт компании
      • «ГОРЗДРАВ»
        Приложение магазина для Android

      Общие выводы

      Уровень доступности онлайн-сервисов всех 7 протестированных брендов можно оценить как ниже среднего. На практике это означает, что неопытный пользователь не сможет сделать покупки в большинстве аптечных сервисов самостоятельно и ему понадобится помощь зрячего человека.
      Приложения «36,6» для iOS и Android и приложения «еАптека» и «ГОРЗДРАВ» для Android — самые удобные сервисы для незрячих людей и людей с нарушениями моторики. Однако на всех трёх платформах отсутствуют модули отзывов о товарах, что может усложнить процесс выбора для пользователей.
      Сводная таблица баллов доступности всех тестируемых аптечных сервисов
      Баллы доступности
      • Отличная доступность
        Проблем не замечено либо имеется 1–2 незначительных комментария.

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

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

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

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

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

      Оценка доступности онлайн-ресурсов каждого аптечного сервиса отдельно

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

      • Не подписана кнопка «Поиск». Ниже этой кнопки находятся следующие элементы: кнопка Previous, ссылка на страницу с бонусами (например, chetvertinki-366), кнопка Next и кнопка с номером страницы с бонусами. Эти страницы прокручиваются автоматически. Их номера скринридер озвучивает в случае бездействия. Если нажать на кнопку Previous или Next, то страницы перестанут прокручиваться и скринридер не будет озвучивать цифры. Названия страниц с бонусами подписаны английской транслитерацией (пример выше).

      • Над фотографиями каждого товара находится кнопка «Добавить в "Избранное"», подписанная как «B», при нажатии на неё подпись меняется на «A».

      • Цены товаров, проценты скидок, дозировка подписаны только числами, без дополнительных обозначений.

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

      • При нажатии на ссылки «Войти» и «Зарегистрироваться» появляется модальное окно внизу страницы. Скринридер на это не реагирует: не сообщает о модальном окне и не перемещает фокус на него.

      • Невозможно открыть корзину при помощи скринридера. Скринридер не фокусируется на элементе, который её активирует. Из-за этого нет возможности перейти к оформлению заказа.
      • В верхней части каждой страницы находится номер телефона, а в нижней – почта и ссылки на мобильное приложение. Ссылки на приложение озвучиваются некорректно: вместо «App Store», «Google play», «App Galery» скринридер озвучивает числа. Перед озвучиванием почты скринридер также произносит числа.
      Сценарий
      Сайт
      iOS
      Android
      Общая структура, загруженность главной страницы/экрана
      3
      1
      2
      Вход, регистрация и восстановление пароля
      4
      5
      5
      Фильтрация товаров, доступность каталога
      4
      1
      4
      Доступность и информативность страницы/экрана
      5
      2
      4
      Доступность модуля отзывов
      N/A
      1
      4
      Взаимодействие с корзиной, оформление заказа, наличие поля для комментария
      5
      2
      2
      Доступность контактной информации, связь с поддержкой
      4
      2
      3
      Общие комментарии:
      • На главной странице имеется ряд проблем, затрудняющих работу. Например, множество неподписанных элементов.

      • Рядом с полем поиска городов есть кнопка со знаком «умножить», которая, похоже, не предназначена для поиска. Поиск городов начинается только при нажатии кнопки Enter на поле поиска.

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

      • Ссылки авторизации и избранных лекарств подписаны на английском языке, а ссылка корзины не имеет подписи вовсе. Если добавить лекарство в избранные товары, то этот элемент для программ экранного доступа станет представлен только цифрой, зависящей от количества товаров в данном списке, а название пропадёт. Аналогичная проблема возникает с корзиной. Элементы находятся рядом друг с другом, из-за чего их легко перепутать.
      • В блоке Image все изображения определяются как вкладки и не имеют маркировки, что затрудняет работу с сайтом.

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

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

      • С программой экранного доступа невозможно выбрать нужную аптеку самостоятельно. Однако, ее можно добавить в раздел «Любимые», а в фильтрах поставить флажок на отображение только избранных аптек. Но даже в этом случае нет информации о том, по какому адресу находится выбранная аптека
        Сценарий
        Сайт
        iOS
        Android
        Общая структура, загруженность главной страницы/экрана
        2
        3
        4
        Вход, регистрация и восстановление пароля
        2
        4
        1
        Фильтрация товаров, доступность каталога
        2
        4
        2
        Доступность и информативность страницы/экрана
        2
        3
        4
        Доступность модуля отзывов
        2
        N/A
        N/A
        Взаимодействие с корзиной, оформление заказа, наличие поля для комментария
        2
        3
        4
        Доступность контактной информации, связь с поддержкой
        2
        4
        5
        Общие комментарии:
        • При первом открытии сайта появляется текст о обработке данных и выбор города. При этом по кнопке Tab видны только две ссылки: «Политика конфиденциальности» и «Согласие на обработку персональных данных». Однако при навигации иными способами проблем не возникает.
        • Доступность поиска городов имеет некоторые недочёты. Так, нажимая на ссылку «Выбрать другой город», можно увидеть редактор и кнопки с городами. Если нажать кнопку с каким-либо городом, скорее всего, он выбирается, а при поиске городов, которых в списке нет, ничего не происходит. Найден город или нет – установить невозможно.

        • При поиске товаров результаты по запросу появляются, но чтобы добраться до них, приходится пролистывать большое количество ссылок, текста и прочего,так как заголовка нет и результаты начинаются с текста под ссылками «Главная» и «Поиск».

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

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

                  • Eсли нажать кнопку «Войти», варианты входа появляются внизу. Рекомендуется либо предусмотреть отдельную страницу для входа, либо сделать так, чтобы курсор автоматически перемещался в нужную область.

                  • Кнопки для добавления в корзину не подписаны.
                          Сценарий
                          Сайт
                          iOS
                          Android
                          Общая структура, загруженность главной страницы/экрана
                          4
                          2
                          4
                          Вход, регистрация и восстановление пароля
                          5
                          3
                          4
                          Фильтрация товаров, доступность каталога
                          5
                          2
                          5
                          Доступность и информативность страницы/экрана
                          5
                          3
                          4
                          Доступность модуля отзывов
                          1
                          3
                          5
                          Взаимодействие с корзиной, оформление заказа, наличие поля для комментария
                          4
                          3
                          4
                          Доступность контактной информации, связь с поддержкой
                          5
                          N/A
                          5
                          Общие комментарии:
                          • При нажатии на ссылку с отзывами, нет возможности прочитать отзыв. Также не удается найти поле для написания отзыва. В остальном к доступности сайта серьёзных претензий нет.
                                  Еще сферы
                                  Протестированы сервисы 7 онлайн-магазинов: «Перекрёсток», «Пятёрочка», «Дикси», «Ашан», «Вкусвилл», «Магнит», «Лента». В основном доступность сферы ритейла выше среднего, но у некоторых магазинов есть сложности в мобильных приложениях на Android.
                                  Тестирование сервисов онлайн-бронирования билетов 6 популярных платформ: «Авиасейлс», OneTwoTrip!, «Купибилет», РЖД", Tutu.ru, «Яндекс Путешествия». Лучше всего с доступностью этих сайтов в приложениях на платформе Android: все они получили оценки выше среднего.
                                  Проведена оценка веб-ресурсов 5 крупных российских телеком-компаний: Tele2, Yota, «МегаФон», «билайн», МТС. В целом все телеком-компании работают над повышением доступности своих веб-ресурсов.


                                  Если вы хотите улучшить сервис или у вас есть вопросы по исследованию:
                                  Группа экспертной оценки: Евгений Сличный, Александр Пашкевич, Андрей Якубой, Данил Пылаев, Николай Соловьёв, Александр Калачинский, Михаил Солдатов, Валерия Афанасьева, Бека Гозалишвили, Алексей Самойлов, Василий Дрожжин, Владислав Копылов, Владислав Мурды-Худа
                                  Контент: Айслу Асан, Светлана Сидорова, Анна Емельянова, Елена Шаламова, Марина Аврина
                                  Инфографика и верстка: Роман Акинин, Елена Литвинова, Артем Волыгин, Элина Яценко, Александра Адельшина, Мария Гудова, Юлия Мамцева
                                  Графика и монтаж видео: Роман Акинин, Евгений Мамонов, Андрей Рудь
                                  Закадровый текст: Никита Чесноков
                                  Команда проекта