Im Hintergrund wird ständig der Kontrast geprüft. Probleme merkt man, bevor sie die Redaktion sieht.
Ein Programm prüft im WordPress-System automatisch die Farben. Es prüft alle wichtigen Markenfarben und genutzte Farbpaare. Wenn im Divi-Modul helle Schrift auf hellem Grund ist, meldet das Programm das. Man kann die Veröffentlichung stoppen.
WCAG 1.4.3 (Contrast Minimum) ist wichtig. Normale Schrift braucht 4,5:1, große Schrift 3:1 Kontrast. Änderungen können den Kontrast verändern: Neue Farbe, neues Bild. Manuelles Prüfen ist schwer. Nur automatische Prüfungen helfen, die Regeln einzuhalten.
Wir bieten ein Gespräch für 15 Minuten an. Wir sehen, ob es wichtig für Ihre Website ist. Danach gibt es mehr Infos: Übersicht zu BFSG, Leistungsübersicht, BAFA-Förderung, Fragen und Antworten.
Контрастный сканер с автоматической проверкой
Постоянная проверка контрастности в бэкэнде — о регрессиях сообщается до того, как редакционная группа что-либо заметит.
Что означает "контрастный сканер с автоматической проверкой"?
Сканер, работающий в административной панели WordPress, автоматически проверяет все токены брендов и все активно используемые пары текст/фон на соответствие пороговым значениям контраста WCAG. Если кто-то случайно разместит слишком светлый текст на слишком светлом фоне в модуле Divi, сканер сообщит об этом в журнале аудита и при необходимости заблокирует публикацию.
Обязательства и выгоды — WCAG 1.4.3.
WCAG 1.4.3 (Минимальный уровень контрастности) Соотношение сторон обязательно — 4,5:1 для обычного текста, 3:1 для крупного. Любое изменение контента может привести к нарушению контраста: новое состояние при наведении курсора, новый фирменный цвет, новая область фонового изображения. Ручные повторные проверки не масштабируемы — автоматизация является единственным способом обеспечить постоянное соответствие требованиям BFSG.
Как именно мы это решим.
- Ежедневно на всех опубликованных страницах запускается задача cron, которая отбирает пары текст/фоновое изображение.
- Предварительная проверка перед публикацией: кнопка „Опубликовать" в WordPress предварительно проверяет токены бренда и пользовательские стили.
- Отчеты в административной панели: каждая страница отмечена красным маркером, кликабельный маркер открывает соответствующий раздел.
- Уведомления в Slack/по электронной почте о критических регрессиях (необязательно).
- Журнал аудита: каждое изменение регистрируется с указанием значения контраста — это служит доказательством для мониторинга рынка.
Соответствующие структурные элементы нашего модульного комплекса
-
Контрастность AAA, проверенная по каждому компоненту.
WCAG 1.4.6Соотношение сторон текста ≥ 7:1, крупного шрифта ≥ 4,5:1 — тестирование проводилось для каждого компонента, а не для каждой страницы отдельно.
-
Регионы ARIA Live
WCAG 4.1.3Динамический контент (ошибки форм, индикатор загрузки, мини-корзины) озвучивается программой чтения с экрана.
-
Полная навигация с помощью клавиатуры
WCAG 2.1.1Все функции доступны — без мыши. Незаменимо для пользователей программ чтения с экрана, полезно для всех остальных.
-
Генератор альтернативного текста на основе ИИ
WCAG 1.1.1Больше никаких „изображений без описания". Искусственный интеллект создает первый черновик, а редакционная команда его дорабатывает.
Вам нужен именно этот модуль?
Первичная консультация (15 минут) — мы выясним, насколько она актуальна для вашего сайта.
Запишитесь на первичную консультацию
Дополнительная информация:
Обзор BFSG ·
Обзор производительности ·
Финансирование BAFA ·
Часто задаваемые вопросы