<b>Доступность ломается не в коде, а в мелочах интерфейса, которые игнорируют</b>

<b>Доступность ломается не в коде, а в мелочах интерфейса, которые игнорируют</b>

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

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

Дальше смотрите на поведение компонентов. Модалки должны закрываться Esc и не ломать таб-навигацию, выпадающие списки — сообщать состояние, инпуты — не терять введённое при ошибке, а кнопки — иметь понятные названия, а не «Подробнее» везде подряд.

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