<b>Accessibility ломается не на контрасте, а на мелочах интерфейса</b>

<b>Accessibility ломается не на контрасте, а на мелочах интерфейса</b>

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

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

Отдельно смотрите на порядок в DOM: если визуально блок один, а в коде элементы скачут, навигация становится хаосом. То же касается кастомных селектов, табов и аккордеонов — если они выглядят как UI-паттерн, но ведут себя как картинка, это не интерфейс, а декорация.

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

Не пытайтесь «сделать доступность потом» — она дешевле всего, когда встроена в базовые компоненты дизайн-системы.