Уровни WCAG: A, AA и AAA

Около 15% населения мира имеют ту или иную форму инвалидности. Доступные сайты подходят всем: пользователям экранных дикторов, пользователям только клавиатуры, людям со слабым зрением и пользователям медленных сетей. Во многих юрисдикциях доступность также является юридическим требованием.

WCAG — это стандарт W3C, определяющий требования к доступности веб-контента. Текущая версия: WCAG 2.2 (октябрь 2023 года). Следующая версия, WCAG 3, находится на ранней стадии разработки.

WCAG строится на четырёх принципах: воспринимаемость, управляемость, понятность, надёжность. Каждый критерий успеха относится к одному из них.

Информация должна представляться способами, доступными для восприятия пользователей: используйте альтернативный текст для изображений, субтитры для видео, достаточный цветовой контраст и обеспечьте увеличение текста до 200% без потери функциональности.

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

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

Содержимое должно работать с современными и будущими вспомогательными технологиями. Используйте корректный HTML, следуйте лучшим практикам ARIA и обеспечьте программное определение имени, роли и значения.

Уровень A: минимальный, обязательный уровень. Уровень AA: стандартная целевая планка, которую требуют большинство законов. Уровень AAA: высший уровень, непрактичный для сайтов целиком; его применяют только к критически важным страницам.

Большинство проектов стремятся к уровню WCAG 2.1 AA или 2.2 AA — именно этот уровень предписывают European Accessibility Act (EAA), раздел 508 в US и большинство правил закупок крупных организаций.

Уровень A: альтернативный текст для изображений, доступность с клавиатуры. Уровень AA: коэффициент контрастности текста 4,5:1, отсутствие информации, передаваемой только цветом, видимый фокус, увеличение до 200%. Уровень AAA: контрастность 7:1, сурдоперевод видео, контекстно-зависимая справка.

1) Добавьте альтернативный текст ко всем изображениям. 2) Используйте семантический HTML (button, nav, h1-h6). 3) Убедитесь, что цветовой контраст соответствует соотношению 4,5:1. 4) Проверьте сайт, используя только клавиатуру. 5) Добавьте подписи ко всем полям ввода формы. 6) Используйте видимый индикатор фокуса.

Какой уровень соответствия WCAG обычно выбирают в качестве юридической цели для большинства сайтов и приложений?

WCAG 2.2 — действующий стандарт. Четыре принципа: воспринимаемость, управляемость, понятность и надёжность (POUR). Три уровня соответствия: A (базовый), AA (целевой для закона), AAA (высший). Для соблюдения требований закона стремитесь к уровню AA. Быстрые улучшения: альтернативный текст, семантический HTML, контраст 4.5:1, проверка с клавиатурой, подписанные поля ввода, видимый фокус.