Заметка о уровнях соответствия WCAG
Уровень A — «базовый порог»
Это самый нижний ярус доступности: сайт должен быть хотя бы “проходимым” для людей, пользующихся вспомогательными технологиями.
Допустим, на главной странице стоит баннер с котёнком. Если к изображению привязан alt="Котёнок играет с клубком", скрин-ридер сообщит смысл тем, кто не видит картинку. Ещё пример: после загрузки страницы фокус клавиатуры сразу попадает на скрытую ссылку «Перейти к основному содержимому», что избавляет пользователя-“клавиатурщика” от многократного табинга по меню. Или же анимированный баннер, раньше мигавший 4 раза в секунду, теперь остановлен после одного цикла, чтобы не провоцировать приступы. Такие мелочи снимают самые жёсткие барьеры.
Если коротко, уровень A снимает самые грубые барьеры для людей, пользующихся скрин-ридерами, навигацией лишь с клавиатуры или имеющих чувствительность к световым вспышкам. Пройти этот порог — значит доказать, что ваш продукт доступен хотя бы на самом базовом уровне.
Уровень AA — «золотой стандарт»
Это та планка, которой ждут законы и контракты. Здесь речь уже о комфорте.
Представьте интернет-магазин: текст на кнопке «Добавить в корзину» не серый на чуть более сером фоне, а насыщенный #1a1a1a на #ffffff — контраст выше 4,5:1, и человек с низкой контрастной чувствительностью без труда увидит надпись. Во время прямой трансляции презентации включён одновременный текстовый чат-субтитры, чтобы слабослышащие не теряли нить. А если пользователь увеличил шрифт до 200%, карточки товара не расползаются, кнопки остаются кликабельными: макет гибко растягивается, а не ломается. Такие решения делают взаимодействие предсказуемым и надёжным.
Это уже не просто «устранить барьеры», а создать комфортные условия для людей с пониженным зрением, цветовой слепотой, когнитивными особенностями или нарушением моторики. Если цель — продукт «для всех», берём планку AA за минимум.
Уровень AAA — «высшая лига»
Это уже не просто удобство, а попытка охватить людей с самыми разными и сложными потребностями. Возьмём обучающий портал. Каждый видео-урок с речью сопровождается не только субтитрами, но и окошком с сурдопереводчиком. В паузах между репликами мало времени? Включаем расширенное аудиоописание, которое автоматически задерживает воспроизведение, чтобы описать действия на экране. Текстовые статьи написаны простым языком — сложные термины поясняются сразу же, а общий уровень чтения рассчитан на девятый класс. И если во время заполнения длинной формы с тестовыми вопросами пользователь случайно разлогинился, повторный вход восстанавливает введённые ответы, так что труд не пропадает. Такие шаги требуют сил и бюджета, поэтому их внедряют точечно — но каждый из них расширяет аудиторию ещё шире.
На какой уровень ориентироваться
Если нужен краткий совет — целимся в AA: он уже включает базовые требования уровня A, при этом реалистичен для большинства команд и закрывает основные сценарии людей с нарушениями зрения, слуха, моторики и когнитивных функций. А когда эти основы станут рутиной, выбираем самые ценные для вашей аудитории критерии уровня AAA и внедряем их постепенно.
Доступность — это не чек-лист “один раз и навсегда”, а постоянный процесс улучшений. Стройте фундамент на уровне A, делайте комфортный дом на AA и по мере возможностей украшайте его продвинутыми решениями AAA — так каждый посетитель действительно почувствует, что для него здесь открыта дверь.