<b>Accessibility ломается не из-за сложных кейсов, а из-за 5 базовых ошибок</b>

<b>Accessibility ломается не из-за сложных кейсов, а из-за 5 базовых ошибок</b>

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

Проверьте этот минимум:
— любой текст читается без увеличения и не лежит на шумном фоне;
— у кнопок и ссылок есть видимое состояние hover/focus/active;
— формы не завязаны только на placeholder;
— ошибки валидации показаны рядом с полем и объяснены словами;
— интерактивные элементы доступны с клавиатуры и не прячутся за кастомной версткой.

Отдельная ловушка — иконки без подписи. Если смысл кнопки держится только на визуальном образе, скринридер и часть пользователей теряют контекст. То же касается drag-and-drop и сложных дашбордов: если действие нельзя повторить без мыши, это уже не полноценный сценарий.

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

Если базовый путь неудобен без мыши, без цвета или без зрительной памяти — accessibility уже провалена.