WCAG (Web Content Accessibility Guidelines)
Это определение термина WCAG, включающее проверочные вопросы, ключевые компоненты и метки.
Кратко
WCAG определяет проверяемые критерии доступности по четырём принципам:
- воспринимаемость
- управляемость
- понятность
- надёжность
В проектах стандартной целью является WCAG AA.
Краткое техническое описание
WCAG (от W3C) имеет три уровня соответствия:
- A (минимальный)
- AA (практический стандарт)
- AAA (расширенный, не всегда реалистичен)
Четыре принципа обозначаются аббревиатурой POUR.
Типичные критерии доступности (примеры):
- контрастность (AA обычно 4.5:1 для текста)
- управление клавиатурой
- видимый фокус
- чёткие метки и сообщения об ошибках
Реализация:
- семантический HTML перед ARIA
- логический порядок элементов
- управление фокусом
- понятная обработка ошибок
Проверка: автоматические сканы + ручная проверка + тесты с экранными дикторами и клавиатурой.
Контрольные пункты
- объяснить POUR
- различать уровни A/AA/AAA
- назвать значения контрастности
- проверить клавиатурный путь и видимость фокуса
- тестирование: сканеры + ручной процесс + вспомогательные технологии
- документация: чек-листы, протоколы тестирования, руководство стилей
- связь с EN 301 549 (ЕС)
Ключевые компоненты
- Принципы и критерии доступности
- Целевой уровень (AA) и область охвата
- Семантика и структура
- Управление клавиатурой
- Контрастность и воспринимаемость
- Метки, имя, роль, значение
- Допуск ошибок и их сообщения
- Альтернативы для медиа
- Надёжная техника и корректное использование ARIA
- Процесс контроля качества и протоколы
Практический пример (форма)
- видимые метки и программная связь
- порядок табуляции линейный, фокус виден
- список ошибок содержит ссылки на поля, сообщения рядом с полями
- контрастность 4.5:1 для текста
- чек-лист доступности + протокол тестирования в репозитории
Типичные экзаменационные вопросы (краткие ответы)
- Что означает POUR? Воспринимаемость, управляемость, понятность, надёжность.
- Какая контрастность AA для текста? Минимум 4.5:1.
- Как эффективно тестировать? Автоматизация + ручная проверка + клавиатура и экранный диктор.