Проверяйте не «страницу целиком», а сценарии: открыть главную, найти услугу, заполнить форму, оплатить, получить ошибку. На каждом шаге смотрите, можно ли пройти путь с клавиатуры, понятны ли заголовки и не теряется ли фокус.
— Контраст текста и кнопок: серый текст на светлом фоне часто выглядит «нормально», но плохо читается.
— Альт у изображений: декоративным картинкам — пустой alt, смысловым — короткое описание.
— Формы: у каждого поля должен быть видимый label, а ошибки — рядом с полем, не только сверху.
— Клавиатура: меню, модалки, слайдеры и выпадающие списки обязаны открываться без мыши.
— Структура: один H1 на страницу, дальше логичная иерархия заголовков.
— Ссылки и кнопки: текст должен объяснять действие, а не «подробнее» везде подряд.
Отдельно проверьте всплывающие окна, видео и сложные блоки: их легко сделать красивыми и при этом недоступными. Если элемент нельзя закрыть Esc, на него нельзя попасть Tab и он «крадет» фокус, это уже проблема.
Хороший аудит доступности начинается не с чек-листа, а с ручного прохождения ключевых задач. Сначала найдите, где пользователь спотыкается, потом уже фиксируйте детали.
Доступность сайтов на WordPress
@wp_accessibility_lab_ww
Аудит доступности сайта: 7 мест, где чаще всего ломается путь пользователя
Этот пост опубликован в Telegram-канале Доступность сайтов на WordPress. Подписаться можно по ссылке: @wp_accessibility_lab_ww.