WCAG: 5 ошибок, из-за которых сайт кажется доступным, но не проходит проверку

WCAG: 5 ошибок, из-за которых сайт кажется доступным, но не проходит проверку

WCAG — это не «про галочку», а про то, может ли человек с разными ограничениями реально пользоваться сайтом без догадок и лишних действий. Чаще всего проблемы прячутся не в сложных сценариях, а в базовых вещах.

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

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

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

Проверяйте не «соответствие ради отчёта», а сценарий реального человека: тогда WCAG перестаёт быть списком требований и становится рабочим чек-листом качества.