Сайт, которым часть посетителей не может пользоваться, тихо отправляет клиентов прочь. Мы считаем WCAG 2.2 уровня AA инженерным минимумом каждого проекта и проверяем его измерением, а не декларируем в буклете.
Зачем это нужно
Регулирование доступности продолжает расширяться: правила для государственного сектора, законы о правах людей с инвалидностью в применении к вебу и потребительские требования на всё новых рынках. Мы инженеры, а не юристы, и юридических консультаций не даём. Но одно можем сказать прямо: сайт, построенный и проверенный по WCAG 2.2 AA, опирается на стандарт, на который ссылаются эти режимы, а сайт, который его игнорирует, несёт риск, который вы не закладывали в цену.
Та же структура, что служит скринридеру, служит и поисковому роботу: настоящие заголовки по порядку, подписанные элементы управления, осмысленный текст у изображений, ссылки, из которых понятно, куда они ведут. Работа над доступностью и работа над поиском усиливают друг друга, поэтому мы ведём их как одну дисциплину, а не как два счёта.
Комфортный контраст, просторные зоны нажатия, страница, по которой можно пройти с клавиатуры, анимация, уважающая ваши настройки: посетители редко называют эти вещи вслух, но ощущают их как заботу. А их отсутствие читается как дешевизна, причём ровно на той странице, где вы просите доверия.
На практике
Стандарт звучит абстрактно, пока его не применить. Вот что он конкретно означает на каждом сайте, который мы выпускаем.
Проверка
Каждая собранная страница проверяется по WCAG 2.2 AA на ширине телефона, планшета и десктопа, в светлой и тёмной теме, при каждом изменении. Нарушение не превращается в отчёт, который кто-то, может быть, прочитает; оно останавливает сборку, а остановленная сборка не может попасть в продакшен. Регрессии доступности перехватываются раньше, чем их встретит посетитель.
Коэффициенты контраста вычисляются, размеры зон нажатия измеряются в пикселях, порядок заголовков разбирается программно, и те же проверки проходят по каждой языковой версии каждой страницы. То, что чек-лист утверждает, набор тестов доказывает.
Автоматика ловит многое, но не всё. Перед выпуском мы дополнительно проходим сайт так, как им пользовался бы реальный посетитель с особыми потребностями: полностью с клавиатуры, при увеличенном тексте и через формы, держа в голове то, что объявит скринридер.
Заложено сразу
Доделывать доступность задним числом дорого: перекрашивать фирменную палитру, которая никогда не проходила по контрасту, перестраивать компоненты, которые не принимают фокус, переписывать страницы, чьи заголовки были украшением. Мы идём противоположным путём. Дизайн-система проверяется на контраст в обеих темах ещё до того, как собрана первая страница, интерактивные компоненты строятся сначала для клавиатуры, а аудит работает с первого деплоя проекта, а не с последнего. К запуску доступность перестаёт быть пунктом в списке задач: это свойство кодовой базы, которое тесты держат истинным.
Что входит в разработку сайта Доступно на каждом языке, включая RTL Как проходит проект
Спросите нас о стандарте или попросите посмотреть на ваш текущий сайт. Напишите через форму на сайте или на [email protected].