С 28 июня 2025 года в Евросоюзе вступил в силу European Accessibility Act (EAA). Если ваш клиент продает товары или услуги гражданам ЕС, его сайт обязан соответствовать стандартам доступности. Это уже не вопрос «хорошего тона», это вопрос законности.
Что такое WCAG и с чем его едят
Стандарт WCAG (Web Content Accessibility Guidelines) делится на три уровня: A, AA и AAA. Для соответствия закону обычно достаточно уровня AA.
| Уровень | Основные требования | Пример в WordPress |
|---|---|---|
| Уровень A | Базовая доступность | Наличие alt-текста у картинок, семантические заголовки (H1-H6). |
| Уровень AA | Стандарт для большинства сайтов | Контрастность текста не менее 4.5:1, навигация с клавиатуры, видимый фокус. |
| Уровень AAA | Максимальная доступность | Сурдоперевод для видео, контрастность 7:1 (требуется редко). |
Типичные ошибки разработчиков WordPress
Даже дорогие премиум-темы часто грешат этими багами:
- Использование
<div>вместо<button>. Дизайнеры любят стилизовать div под кнопки. В итоге пользователь не может нажать на нее с клавиатуры (Tab + Enter). - Ловушки фокуса. Открывается модальное окно, а Tab продолжает перемещать фокус по скрытой странице на фоне.
- Отсутствие
alt. Скринридеры читают имя файлаimage-123.jpgвместо описания.
Как тестировать доступность?
Автоматические плагины-сканеры (например, Accessibility Checker) находят лишь 30-40% проблем. Остальное — ручная работа:
- Попробуйте пройти путь покупки, используя только клавишу
Tab. - Включите встроенный экранный диктор (Narrator в Windows, VoiceOver в Mac) и закройте глаза. Поймите, что «видит» слепой пользователь.
- Проверьте контрастность цветов через инструменты разработчика в Chrome.
Доступный сайт — это не только про людей с инвалидностью. Это про удобство для всех: для тех, кто в метро со слабым интернетом, для тех, у кого разбит экран телефона.
