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

сентябрь — ноябрь 2023 г.

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

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


    • Сайт и мобильные приложения (iOS, Android) «Яндекс Путешествия».
      Какие разделы и пользовательские сценарии были проверены:
      1. Доступность и информативность главной страницы или экрана, общей структуры сайта или приложения;

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

      3. Доступность формы поиска билетов (указание пунктов отправления/прибытия и даты);

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

      5. Поиск необходимого маршрута на указанную дату и выбор рейса;

      6. Доступность просмотра детальной информации по выбранному билету, изменение параметров;

      7. Заполнение личных, контактных и прочих данных пассажира, выбор мест при наличии функционала
        и прочее.

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

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

        Золотую «медаль»
        мы присудили платформам, получившим все оценки 4 и выше.
        Cеребряную «медаль»
        мы присудили платформам, получившим максимум одну 3.
        • РЖД
          Сайт
        • «Яндекс Путешествия»
          Приложение для Android
        Сводная таблица баллов доступности всех исследуемых онлайн-ресурсов
        Баллы доступности
        • Отличная доступность
          Проблем не замечено либо имеется 1–2 незначительных комментария.

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

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

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

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

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

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

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

        • Нельзя в профиле заполнить региональные данные.

        • Нельзя выбрать другие способы входа, кроме vk и google, хотя есть кнопка с таким вариантом, но при нажатии на неё скринридер не реагирует. Уже это делает пользование сайтом очень затруднительным.
        Сценарий
        Сайт
        iOS
        Android
        Доступность и информативность главной страницы / экрана, общей структуры сайта / приложения
        3
        3
        4
        Вход, регистрация и восстановление пароля
        3
        4
        3
        Доступность формы поиска билетов (указание пунктов отправления/прибытия и даты)
        2
        2
        3
        Удобство просмотра представленных результатов поиска, доступность их фильтрации
        2
        2
        3
        Поиск необходимого маршрута на указанную дату и выбор рейса
        2
        2
        3
        Доступность просмотра детальной информации по выбранному билету, изменение параметров
        4
        3
        N/A
        Заполнение личных, контактных и прочих данных пассажира, выбор мест при наличии функционала и прочее
        1
        2
        4
        Общие комментарии:
        • На главной странице имеется множество элементов, на которые можно кликнуть, но при этом ничего не происходит. Например, под рекламой мобильного приложения OneTwoTrip! находится шесть неподписанных кнопок, и их функционал остается неясным после нажатия. Даже заголовок «Поддержка 24/7» является кликабельным элементом, однако после нажатия на него ничего не происходит, в то время как аналогичный элемент «Цены ещё ниже» перенаправляет пользователя на страницу мобильного приложения. Кнопка подтверждения рассылки рекламных уведомлений на почту также не имеет подписи. В остальном главная страница имеет удовлетворительную доступность и обеспечивает навигацию по заголовкам и ориентирам.

        • Для авторизации на сайте необходимо найти не подписанный кликабельный элемент, который открывает меню с кнопкой входа. После регистрации, в уведомлении о подтверждении почтового адреса слово «Спам» написано транслитом. Буква «С» в нём из английской раскладки, синтезатор речи произносит такие слова некорректно. Кнопки для авторизации через социальные сети также не имеют подписей. Однако процесс авторизации, регистрации и смены пароля очень прост и удобен, и весь функционал доступен.

        • Поиск билетов плохо доступен для работы с программами экранного доступа. В полях ввода «Куда» и «Откуда» скринридер не распознаёт списки с предлагаемыми вариантами пунктов отправления и прибытия. Также плохо доступен выбор желаемых дат. Синтезатор произносит непонятные цифры в числах месяца, например, «21 14 470», где первые две цифры — дата, а остальное — бессмысленная последовательность. При нажатии на кнопку «1 пассажир, эконом» ничего не происходит. Аналогичные проблемы возникают при выборе железнодорожных билетов. В дополнение кнопки «Добавить» и «Убрать пассажиров» не подписаны.

        • Что касается поисковой выдачи, то здесь отсутствует навигация по заголовкам. Окно фильтров появляется внизу страницы, кнопка закрытия этого окна не имеет подписи. Функционал фильтрации довольно обширен и позволяет настраивать параметры в деталях. В блоке выбора билета имеется неподписанный кликабельный элемент, который перенаправляет пользователя на страницу покупки. Доступность при выборе желаемого тарифа хорошая, и вся необходимая информация предоставлена. Есть возможность добавить пассажиров и детей, но кнопки «Добавить» и «Убрать» также не имеют подписей.

        • Довольно серьёзная проблема возникает во время заполнения контактных данных пассажир: на странице невозможно выбрать пол. Скринридер не распознаёт список с предложенными вариантами ответа, из-за чего невозможно перейти к этапу оплаты билета самостоятельно.
          Сценарий
          Сайт
          iOS
          Android
          Доступность и информативность главной страницы / экрана, общей структуры сайта / приложения
          4
          2
          4
          Вход, регистрация и восстановление пароля
          3
          2
          3
          Доступность формы поиска билетов (указание пунктов отправления/прибытия и даты)
          3
          3
          3
          Удобство просмотра представленных результатов поиска, доступность их фильтрации
          2
          3
          2
          Поиск необходимого маршрута на указанную дату и выбор рейса
          2
          3
          3
          Доступность просмотра детальной информации по выбранному билету, изменение параметров
          3
          3
          3
          Заполнение личных, контактных и прочих данных пассажира, выбор мест при наличии функционала и прочее
          1
          3
          3
          Общие комментарии:
          • На главной странице сайта имеется достаточно удобная навигация по заголовкам. Представлена вся необходимая информация о сервисе и авиаперелетах. Здесь также можно изменить валюту для пользователей из других стран. Однако имеются и недостатки: на стартовой странице расположено много графических элементов, текст на некоторых из них автоматически распознается браузером Google Chrome, но часть элементов не подписана и узнать, что на изображениях, не представляется возможным. Также в верхней части сайта словосочетание «Служба заботы» написано транслитом. Буква «С» в нем из английской раскладки, синтезатор речи произносит такие слова некорректно. Несмотря на эти недочеты, общее впечатление от главного экрана положительное.

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

          • В панели поиска билетов пункты отправления и прибытия не распознаются скринридером в браузере Google Chrome, хотя в браузере Microsoft Edge страница работает корректно (проверено на двух разных устройствах на базе Windows 10 и Windows 11). Календарь выбора желаемых дат имеет заголовок, что позволяет быстро навести на него курсор. При заполнении полей «Куда» и «Откуда» также есть удобная навигация по предложенным спискам нужного города и аэропорта. В меню присутствует неподписанный кликабельный элемент, который отвечает за удаление даты обратного рейса.

          • Просмотр отобранных результатов также удобен. Каждый билет имеет заголовок, что позволяет быстро перемещаться между ними. Сортировка по цене, оптимальности и скорости выполняется в один клик. Меню фильтров недоступно для работы с программами экранного доступа: в нем необходимо выбирать данные, однако скринридер не информирует об этих действиях. В поисковой выдаче отсутствует информация о авиаперевозчиках. При вводе персональных данных пассажира выявляется критическая проблема: невозможно указать дату рождения, так как скринридер не распознает предлагаемый список месяцев. В результате невозможно перейти на следующий шаг с оплатой.

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

            • Неподписанные кнопки:
              • под заголовком «Новости»;
              • в фильтрации, ниже элемента «Фильтр для избранного маршрута автоматически сохраняется. Войдите для сохранения маршрута»;
              • ниже элемента «Если вы участник „РЖД Бонус“, войдите и добавьте информацию в свой профиль»;
              • в фильтре стоимости, над первым вариантом стоимости;
              • над первым вариантом «Времени в пути», «Времени отправления», «Времени прибытия», «Наличия билетов», под фразой «Вагоны и классы обслуживания», под фразами «Тип поезда», под элементом «По услугам», «По перевозчику», «Льготный проезд».

            • При заполнении информации о пассажире мешает излишняя многословность скринридера, на который поступает много информации. Например, «Уведомление: это поле обязательно для заполнения» при нажатии tab, что не дает возможности выслушать, что нужно ввести. Особенно мешает комментарий «Уведомление: введите дату рождения в формате дд.мм.гггг.» при вводе даты рождения.
              Сценарий
              Сайт
              iOS
              Android
              Доступность и информативность главной страницы / экрана, общей структуры сайта / приложения
              3
              3
              4
              Вход, регистрация и восстановление пароля
              3
              2
              4
              Доступность формы поиска билетов (указание пунктов отправления/прибытия и даты)
              2
              2
              4
              Удобство просмотра представленных результатов поиска, доступность их фильтрации
              3
              2
              3
              Поиск необходимого маршрута на указанную дату и выбор рейса
              2
              3
              4
              Доступность просмотра детальной информации по выбранному билету, изменение параметров
              3
              3
              4
              Заполнение личных, контактных и прочих данных пассажира, выбор мест при наличии функционала и прочее
              3
              1
              3
              Общие комментарии:
              • На главной странице сайта отсутствует удобная навигация по заголовкам. Также имеется большое количество неподписанных кликабельных элементов. При нажатии на них сложно определить, какое действие они выполняют.

              • В блоке «Главное» есть ссылка «Читать всё», где слово «Всё» написано транслитом «вCё». Синтезаторы речи не могут корректно произносить слова, написанные транслитом. Тем не менее, главная страница содержит всю необходимую информацию для пользователя. Окно авторизации/регистрации всплывает поверх страницы, однако скринридер распознает панель для входа внизу страницы, что затрудняет навигацию курсора программы экранного доступа к полям для заполнения данных. Необходимо, чтобы курсор скринридера после нажатия на кнопку «Войти или зарегистрироваться» автоматически переносился на поля для ввода данных. Также элемент для закрытия окна авторизации не подписан.

              • Форма поиска билетов плохо оптимизирована для работы с программами экранного доступа. В полях ввода «Куда» и «Откуда» список пунктов появляется отдельно от формы, что неудобно с точки зрения доступности. Выбор предложенных результатов из списка с помощью клавиатуры невозможен. Однако, если переместить указатель мыши к объекту скринридера и кликнуть, все работает. Аналогичная проблема возникает с выбором дат. При открытии календаря курсор программы экранного доступа не переносит в открывшееся окно, его самостоятельное обнаружение затруднено. Однако можно выбирать желаемые даты, используя клавиатуру. Также есть кликабельные элементы, нажатие на которые не приводит к действию, например, «+ перелёт».

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

                  • Кнопка «2 взрослых» не нажимается, при этом непонятно, должна ли она выполнять какое-то действие. После элемента «Все фильтры» имеется множество неподписанных элементов, которые нужно либо подписать, либо скрыть — в зависимости от их назначения.

                  • Остальные проблемы сервиса не столь критичны.

                      Еще сферы

                      Протестированы сайты и приложения 7 банков: «Альфа-Банка», ВТБ, ПСБ, Росбанка, Сбербанка, «Совкомбанка», Банка «Тинькофф». Почти все представленные банки имеют доступность выше среднего.
                      Мы оценили онлайн-доступность 5 известных площадок: Lamoda, OZON, «Wildberries», «Яндекс Маркет», «Мегамаркет». Каждая из них показала в целом хорошую доступность для незрячих пользователей.
                      Протестированы на доступность для людей с нарушением зрения 5 самых популярных образовательных платформ: GeekBrains, Skillbox, Stepik, «Открытое образование», «Яндекс.Практикум». Почти все из них показали среднюю доступность сайтов.
                      Если вы хотите улучшить сервис или у вас есть вопросы по исследованию:
                      Группа экспертной оценки: Евгений Сличный, Александр Пашкевич, Андрей Якубой, Данил Пылаев, Николай Соловьёв, Александр Калачинский, Михаил Солдатов, Валерия Афанасьева, Бека Гозалишвили, Алексей Самойлов, Василий Дрожжин, Владислав Копылов, Владислав Мурды-Худа
                      Контент: Айслу Асан, Светлана Сидорова, Анна Емельянова, Елена Шаламова
                      Инфографика и верстка: Роман Акинин, Елена Литвинова, Артем Волыгин, Элина Яценко, Александра Адельшина, Мария Гудова, Юлия Мамцева
                      Графика и монтаж видео: Роман Акинин, Евгений Мамонов, Андрей Рудь
                      Закадровый текст: Никита Чесноков
                      Команда проекта