Доступность ломают не цвета, а мелочи интерфейса: 7 ошибок, которые встречаются везде

Доступность ломают не цвета, а мелочи интерфейса: 7 ошибок, которые встречаются везде

— Текст на кнопках и ссылках не совпадает с действием: «Продолжить» ведёт в оплату, а «Далее» скрывает критичный шаг. Пользователь с экранным чтецом теряет контекст.
— Фокус клавиатуры есть, но его не видно: в сложных формах и попапах это сразу делает интерфейс непроходимым.
— Поля без явных label, только placeholder: при вводе подсказка исчезает, а ошибка становится непонятной.
— Ошибки показывают цветом, без текста и привязки к полю: для части людей это просто красный шум.

Отдельно проверь контраст, кликабельные зоны и порядок заголовков. Если иконка не подписана, кнопка слишком мелкая, а h1-h2-h3 идут хаотично, доступность падает даже у «красивого» макета.

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