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

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

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

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

Отдельно смотрите на состояния: загрузка, пусто, ошибка, успех. Именно там чаще всего пропадает доступность — кнопка становится неактивной без пояснения, а сообщение об ошибке появляется слишком поздно или не привязано к конкретному полю.

Хорошая a11y — это не отдельный режим для «особых пользователей», а нормальный интерфейс, который не разваливается при любом способе взаимодействия.