Аудит доступности сайта: 7 проверок, которые ловят 80% ошибок

Аудит доступности сайта: 7 проверок, которые ловят 80% ошибок

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

• Заголовки идут по иерархии, а не ради размера шрифта
• У всех кнопок и ссылок есть понятные названия
• Контраст текста и фона не заставляет всматриваться
• Формы имеют подписи, подсказки и сообщения об ошибке
• Фокус виден везде, где можно нажать с клавиатуры
• У изображений есть смысловой alt, а у декора — пустой alt
• Модальные окна не уводят пользователя в ловушку

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

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

После аудита не собирайте длинный список «на потом». Разбейте ошибки на блокирующие, мешающие и косметические, а потом правьте сначала то, что ломает путь к целевому действию.