На сайте недостаточно сделать версию для слабовидящих. Разработчики о цифровой доступности

Что такое цифровая доступность и как стать ближе к пользователям

Цифровая доступность подразумевает разработку программного обеспечения, которое будет удобно и доступно для всех людей, независимо от их физических возможностей.

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

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

С какими проблемами сталкиваются люди с ОВЗ

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

Что может влиять на пользовательский опыт:

• Зрение: миопия (близорукость), гиперметропия (дальнозоркость), слепота, иные особенности и заболевания.
• Дислексия — затруднения в чтении.
• Дальтонизм — неспособность различать некоторые цвета.
• Нарушения моторики, замедленная реакция.
• Синдром дефицита внимания.
• Заболевания, при которых активная анимация или цветовые вспышки могут вызывать приступы.

Как учитывать разных пользователей при разработке цифровых продуктов

Создавая рекомендации для доступных сайтов, Riverstart опирается на свой опыт модернизации сайта Правительства Нижегородской области.

Оценка доступности сайта по результатам тестирования пользователей и анализа автоматического инструмента Lighthouse составила 100%. Это не означает, что сайт доступен абсолютно для всех, но даёт общее представление о его функциональности.

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

1. Разработать версию для слабовидящих

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

2. Адаптировать сайт для озвучивания программами

Незрячие и слабовидящие пользуются скринридерами — программами, которые озвучивают текст. Скринридеры также полезны людям с тяжелой дислексией, которые испытывают трудности при чтении.

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

3. Сделать текстовые дубли цветовых обозначений и настройку анимаций

Цветовое восприятие может быть нарушено, как при дальтонизме. Такие люди не различают некоторые оттенки, чаще всего красный и зеленый, но возможны и другие варианты. Например, человек с дальтонизмом может не увидеть цифру 5 на тесте Ишихара.

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

Анимации также имеют значение. Слишком активные анимации с быстрым изменением цветов и вспышками могут вызывать дискомфорт и даже провоцировать приступы.

4. Адаптировать под клавиатурное управление

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

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

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