<b>Accessibility ломается не в дизайне, а в трёх местах: контраст, фокус, текст</b>

<b>Accessibility ломается не в дизайне, а в трёх местах: контраст, фокус, текст</b>

Проверка экрана глазами пользователя начинается с простого: есть ли у текста достаточный контраст, виден ли focus state у клавиатуры, можно ли понять смысл без цвета. Если кнопка различается только оттенком, а ошибка только красной рамкой — это уже риск.

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

Третий слой — контент. Заголовки должны описывать смысл, а не быть декоративными; alt-текст нужен там, где изображение несёт информацию; формы должны объяснять ошибку до, а не после провала. Длинные тексты тоже важны: короткие абзацы и ясные подписи читаются заметно лучше, чем «креативная» верстка.

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