После редизайна сайт выглядел хорошо, но часть текста была ниже порога читаемости. Я замерил все 140 страниц, исправил цвета через токены и поставил недельную проверку, которая пришлёт алерт, если нарушения вернутся.
Отчёт недельной проверки contrast/last.json от 06.10.2026, 10:01 UTC: 140 страниц, 0 нарушений, 0 ошибок загрузки. Число 102 из замера до правок того же дня.
Точка старта
Задача
Сайт после редизайна выглядел хорошо, но не все блоки проходили порог контраста текста. 6 октября я замерил все страницы: нашлось 102 нарушения.
Решение
Все 140 страниц
Замер по sitemap через Playwright и детектор Impeccable. Нарушением считался текст ниже порога WCAG AA на непрозрачном фоне.
Мелкий, крупный, фон под белым текстом
Для мелкого коралловый на светлом, для крупного, для фона под белым текстом (контраст 4,7 к 1) и для серых подписей заведены отдельные значения. Для тёмных блоков светлый коралловый.
Страницы со своим слоем стилей
Часть шаблонов красила текст и фон одной переменной. Там правки сделаны селекторами по классам, а не общим токеном.
Подмена CSS и полный замер
Каждый цвет сначала проверяется подменой файла стилей и полным замером всех страниц, потом выкладывается. Резервные копии файлов лежат на сервере.
Понедельник, 08:00 МСК
Крон прогоняет проверку за две минуты. Код 1 означает нарушения, код 2 означает недоступный сайт, в обоих случаях алерт в Telegram.
Неочевидное
Серый токен в корне стилей разрешается один раз, поэтому переопределение в тёмном контейнере до него не доходит. Затемнение серого дало 103 новые ошибки на 102 страницах, пока подписи в подвале не получили явное правило.
Замер без прокрутки пропускает блоки, которые появляются при скролле. Проверка листает страницу сама.
На страницах с открытым соединением ожидание «сеть тихая» не заканчивается. Мы ждём событие load.
Шаблон со своим акцентным цветом красит и текст, и фон одной переменной. Токеном такое не лечится, нужен селектор по классу.
Результат
Последний замер 06.10 в 10:01 UTC: 140 страниц, 0 нарушений, 0 ошибок загрузки. До правок на этих же страницах было 102 нарушения.
Чего в кейсе нет. Замер ловит текст на непрозрачных фонах, а градиенты и картинки пропускает. WCAG AA это не только контраст: клавиатура, подписи к картинкам, фокус и порядок чтения проверяются отдельно. Я не заявляю, что сайт полностью доступен, а заявляю, что по контрасту текста он чист и контроль идёт каждую неделю.
Контакты
Пришлите адрес, замерю все страницы из sitemap и пришлю список нарушений. Без обязательств.