Для использования цифрового продукта не должно быть преград. Нарушение зрения, тремор, дисграфия и дислексия не должны препятствовать чтению контента и использованию функций сайта. Riverstart делится опытом работы над доступными сайтами.
Цифровая доступность — это подход к созданию ПО, доступного для восприятия любому пользователю вне зависимости от особенностей здоровья.
Только в нашей стране живут более 11 млн россиян с инвалидностью, при этом многие люди не входят в статистику, но тоже могут сталкиваться со сложностями при использовании цифрового ресурса. Слабовидящим неудобно использовать сайт в стандартном режиме, а еще у людей бывает дислексия, дальтонизм, тремор рук и другие особенности, которые могут влиять на пользовательский опыт.
Разные особенности восприятия и ограничения по здоровью могут мешать изучать контент и ограничивать использование функций сайта или приложения.
Что влияет на пользовательский опыт:
Рекомендации для создания доступного сайта Riverstart основывает на опыте модернизации официального портала Правительства Нижегородской области. По результатам пользовательского тестирования и независимой оценки сервиса автоматической проверки Lighthouse сайт имеет оценку доступности 100% — это не значит, что сайт доступен абсолютно всем людям, но сервис может дать базовый ориентир для понимания работы.
Во время работы команда консультировалась с незрячим экспертом по цифровой доступности — Ильей Лебедевым, руководителем Лаборатории инклюзивных технологий при правительстве Нижегородской области.
Мы в Riverstart обычно используем версию для слабовидящих с широкими настройками. Она не только позволяет увеличить текст, но также и выбрать альтернативную цветовую схему: минималистичную, темную или в синих тонах, отключить визуальные эффекты и настроить изображения.
Сайт Правительства Нижегородской области. Источник: https://nobl.ru/
Незрячим людям остается канал восприятия через слух, они пользуются скринридерами — программами, которые озвучивают текст голосом. Людям с тяжелой формой дислексии, которым сложно читать текст, также могут быть полезны скринридеры.
Для корректной озвучки нужно адаптировать продукт под их требования. Добавить атрибуты текстового описания для кнопок, иконок, картинок, описать содержание элементов figure, добавить описания, указывающие, открыт ли выпадающий элемент или модальное окно, добавить обозначения состояния — загрузки, приема файлов и других.
Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
13202 тендера
проведено за восемь лет работы нашего сайта.
К особенностям восприятия цветов относится дальтонизм. Такие люди не различают оттенки, обычно красного и зеленого, но могут быть и другие в зависимости. Например, человек с дальтонизмом может не увидеть цифру 5 (тест Ишихара):
В связи с этим создателям цифровых продуктов не нужно полагаться на цветовые обозначения на сайте. К примеру, выбранные пункты должны не просто поменять цвет, но и приобрести какой-то еще визуальный эффект — например, полужирное выделение, рамка, отметки в виде галочек.
Также важны анимации. Чрезмерно активные анимации с переключением цветов и вспышками как минимум неприятны глазу, как максимум могут спровоцировать приступ.
При нарушении моторики у человека может не быть возможности управлять компьютерной мышью или быстро реагировать на происходящее на экране. Тогда люди пользуются программами для навигации с помощью клавиатуры: перемещаются по сайту с помощью клавиш со стрелками и табами.
Нужно разметить объекты, чтобы с ними можно было взаимодействовать с клавиатуры, и обозначить, какой интерактивный элемент сейчас «в фокусе», чтобы пользователь видел, где находится его «курсор», с чем конкретно он работает.
Более подробно каждый пункт реализации, а также требования к цифровой доступности в России и и за рубежом описали в статье для RB.RU.
Пока самый верный способ проверить интерфейс сайта на доступность, позволяющий дать пользовательскую оценку — пользовательское тестирование с программами экранного доступа NVDA для Windows и Talk Back для Android. Дополнительная проверка — сервис автоматической проверки Lighthouse.
Продукт, разработанный в соответствии с принципами цифровой доступности, становится максимально понятным и комфортным не только для людей с особенностями восприятия и здоровья, но и для широкого круга пользователей.