<b>7 ошибок accessibility, которые ломают интерфейс ещё до первого клика</b>

<b>7 ошибок accessibility, которые ломают интерфейс ещё до первого клика</b>

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

— Интерактивные элементы должны быть доступны с клавиатуры, без мыши и «магии»
— У каждого поля есть label, а не только placeholder
— Ошибка в форме объясняет проблему, а не просто красит рамку
— Ссылки и кнопки выглядят как разные элементы, а не как одинаковые плашки
— Иконка без подписи не считается смыслом, если рядом нет текста

Из источника практики: если элемент нельзя пройти Tab, увидеть focus state и понять его назначение без цвета — он уже создаёт барьер. Это особенно больно в фильтрах, модалках, дропдаунах и кастомных селектах, где дизайн часто «съедает» поведение.

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

Доступность — это не отдельный слой для галочки, а часть UX. Если базовый сценарий неудобен для части людей, он обычно неудобен и для всех остальных.