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

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

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

Ещё один частый провал — интерфейс, который работает только мышью. Если элемент нельзя открыть с клавиатуры, на него нельзя положиться. Проверьте таб-режим: фокус должен идти по порядку, а действия — быть доступны без drag&drop, hover и мелких точек попадания.

Иконки и картинки тоже часто используют как «смысл», хотя для скринридера они пустые. Если иконка несёт действие, у неё должен быть текстовый ярлык. Если изображение декоративное — его лучше скрыть от ассистивных технологий, а не заставлять озвучивать шум.

Что делать на практике: перед релизом прогоняйте 10 минут ручной проверки — контраст, Tab, Enter, Esc, состояние ошибок, читаемость на маленьком экране. Это быстрее, чем потом разбирать, почему конверсия просела у части пользователей.