WCAG 1.4.3 · Модуль WCAG

Контрастный сканер с автоматической проверкой

Постоянная проверка контрастности в бэкэнде — о регрессиях сообщается до того, как редакционная группа что-либо заметит.

Что это такое?

Что означает "контрастный сканер с автоматической проверкой"?

Сканер, работающий в административной панели WordPress, автоматически проверяет все токены брендов и все активно используемые пары текст/фон на соответствие пороговым значениям контраста WCAG. Если кто-то случайно разместит слишком светлый текст на слишком светлом фоне в модуле Divi, сканер сообщит об этом в журнале аудита и при необходимости заблокирует публикацию.

Почему это важно?

Обязательства и выгоды — WCAG 1.4.3.

WCAG 1.4.3 (Минимальный уровень контрастности) Соотношение сторон обязательно — 4,5:1 для обычного текста, 3:1 для крупного. Любое изменение контента может привести к нарушению контраста: новое состояние при наведении курсора, новый фирменный цвет, новая область фонового изображения. Ручные повторные проверки не масштабируемы — автоматизация является единственным способом обеспечить постоянное соответствие требованиям BFSG.

Наша реализация

Как именно мы это решим.

Ежедневно на всех опубликованных страницах запускается задача cron, которая отбирает пары текст/фоновое изображение.
Предварительная проверка перед публикацией: кнопка „Опубликовать" в WordPress предварительно проверяет токены бренда и пользовательские стили.
Отчеты в административной панели: каждая страница отмечена красным маркером, кликабельный маркер открывает соответствующий раздел.
Уведомления в Slack/по электронной почте о критических регрессиях (необязательно).
Журнал аудита: каждое изменение регистрируется с указанием значения контраста — это служит доказательством для мониторинга рынка.

Другие модули WCAG

Соответствующие структурные элементы нашего модульного комплекса

Все модули в обзоре BFSG →

Вам нужен именно этот модуль?

Первичная консультация (15 минут) — мы выясним, насколько она актуальна для вашего сайта.

Запишитесь на первичную консультацию

Дополнительная информация:
Обзор BFSG ·
Обзор производительности ·
Финансирование BAFA ·
Часто задаваемые вопросы