Даниил Высоцкий, эксперт из проекта единой платформы Госуслуг, и Вера Шингарёва, бывший специалист по доступности в РТЛабс, делятся опытом работы над доступностью интерфейсов. Госуслуги ежедневно посещают более 11 миллионов пользователей, и их команда активно проверяет интерфейсы на соответствие стандартам доступности. Основные инструменты — WCAG и ARIA Patterns, а также программа NVDA. Эта программа, популярная в России, бесплатная и с открытым исходным кодом, но работает только на Windows, что учитывается при тестировании.
Недавно команда обнаружила проблему: скринридер озвучивал фразу «по щелчку» на текстовых блоках без интерактивных элементов, что вызывало путаницу у пользователей. При общении с незрячими пользователями выяснили, что эта фраза мешает им и создает недоразумения.
Решение найдено: добавление атрибута role=»presentation» к проблемным элементам устраняет лишнюю озвучку. Таким образом, команда улучшает доступность интерфейсов, что критически важно для пользователей с ограничениями.
Вопрос-ответ
Какие инструменты используют специалисты Госуслуг для проверки доступности интерфейсов?
Команда Госуслуг использует международные стандарты WCAG (Web Content Accessibility Guidelines) и ARIA Patterns. Для практического тестирования применяется популярная в России программа экранного доступа NVDA, которая помогает понять, как незрячие пользователи взаимодействуют с сайтом.
С какой проблемой доступности столкнулась команда и как она была обнаружена?
Команда обнаружила, что программа чтения с экрана (скринридер) озвучивала фразу «по щелчку» на обычных текстовых блоках, которые не были интерактивными. Это вводило незрячих пользователей в заблуждение, так как они ожидали, что на элемент можно нажать. Проблема была подтверждена в ходе общения с реальными пользователями.
Как удалось решить проблему с некорректной озвучкой текстовых блоков?
Для устранения проблемы к элементам, которые ошибочно озвучивались как кликабельные, был добавлен HTML-атрибут role=»presentation». Этот атрибут сообщает скринридеру, что элемент не несет интерактивной функции и его нужно воспринимать как обычный текст, что убирает лишнюю озвучку.