A11y ломается не в коде, а в мелочах интерфейса

A11y ломается не в коде, а в мелочах интерфейса

Чаще всего доступность рушится в местах, где команда «и так всё понимает»: кнопка без текста, низкий контраст, фокус спрятан, ошибки показаны только цветом. Для мыши это выглядит как мелочь. Для клавиатуры и скринридера — как сломанный сценарий.

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

Отдельно смотрите на формы. Плейсхолдер не заменяет лейбл, а подсказка не должна исчезать в момент ввода. Если ошибка появляется, она должна быть рядом с полем, быть текстовой и объяснять, что исправить. Иначе пользователь получает не помощь, а тупик.

Хороший a11y — это не «для особых случаев», а нормальный UX без лишних барьеров. Если интерфейс удобен с клавиатуры, читается на слабом контрасте и не требует догадок, он обычно лучше работает и для всех остальных.