Доступность
в небольших действиях.

Семантика

Используйте семантические элементы по назначению. Так вспомогательные технологии понимают заголовки, списки и структуру переходов.

Тексты кнопок

Подписывайте кнопки по действию: «Сохранить изменения» понятнее, чем «ОК» или «Подробнее» без контекста.

Контраст

Проверьте контраст обычного и крупного текста, границ и состояний фокуса. Не передавайте значение одним цветом.

Табуляция

Проверьте порядок фокуса, видимость текущего элемента и возврат после закрытия диалога. Навигация должна соответствовать чтению.

Состояния ошибок

Свяжите ошибку с полем, объясните проблему и способ исправления. Не стирайте введённые данные при повторной попытке.

Подписи полей

У каждого поля должна быть программная подпись; placeholder не заменяет label. Проверьте подсказки и сообщение об ошибке.

Уважение reduce motion

Уважайте системное предпочтение уменьшения движения. Оставляйте обратную связь понятной и без анимации.

Проверки вручную

Проведите ручную проверку клавиатурой и скринридером на ключевых сценариях. Автоматический чекер не оценивает весь опыт.

Сверьте выводы с задачей и условиями конкретного сайта.