Контрастность AAA, проверенная по каждому компоненту.
Соотношение сторон текста ≥ 7:1, крупного шрифта ≥ 4,5:1 — тестирование проводилось для каждого компонента, а не для каждой страницы отдельно.
Что означает фраза "AAA-контрастность, проверенная по компонентам"?
Цветовой контраст измеряет соотношение яркости текста на переднем плане и фона. Стандарты WCAG определяют два уровня: АА (законный минимум: 4,5:1 обычный / 3:1 большой) и АААА (Более строгий уровень, 7:1 для обычных порций / 4,5:1 для больших). DigElite неизменно работает на уровне AAA — более строгий уровень является обещанием бренда.
Обязательства и выгоды — WCAG 1.4.6.
WCAG 1.4.6 (Улучшенная контрастность) Это уровень AAA. Для людей с нарушениями зрения, дальтонизмом, для тех, кто работает с маленькими экранами или подвержен воздействию солнечного света, разница между коэффициентами контрастности 4,5:1 и 7:1 делает контент читаемым. Кроме того: контрастность уровня AAA посылает четкий сигнал о бренде („мы серьезно относимся к инклюзивности") и снижает юридические риски сверх минимальных требований Федерального закона Германии о защите персональных данных (BDSG).
Как именно мы это решим.
- Фирменные токены в руководстве по фирменному стилю с подтверждением контраста AAA для каждой пары токенов (см.
WEB/BRAND STYLE GUIDE.md). - Один фирменный цвет в трех ролях: яркий для фона кнопки с белым текстом размером ≥ 16 пикселей (жирный, AAA-Large), насыщенный для текста на светлом фоне, светлый для текста на темном фоне.
- Никогда не используйте цвет Brand Vibrant в качестве цвета основного текста — соотношение 4,5:1 достаточно только для размеров AAA-Large.
- Проверка выполняется автоматически с помощью модуля контрастного сканирования в бэкэнде (см. соответствующие модули).
- При каждом изменении дизайна: повторно проверьте с помощью калькулятора контрастности WCAG — нарушение означает прекращение выпуска продукта.
Соответствующие структурные элементы нашего модульного комплекса
-
Генератор альтернативного текста на основе ИИ
WCAG 1.1.1Больше никаких „изображений без описания". Искусственный интеллект создает первый черновик, а редакционная команда его дорабатывает.
-
Руководитель отдела гигиены и организации пространства.
WCAG 1.3.1Четкий формат, удобный для программ чтения с экрана и поисковых систем — один заголовок H1 на странице, без переходов между строками.
-
Простой язык (с поддержкой ИИ)
WCAG 3.1.5Упрощенный контент одним нажатием кнопки — для людей с трудностями при чтении, изучающих языки и тех, кто спешит.
-
Доступные формы
WCAG 3.3.1Четкие обозначения, программная обработка ошибок, валидация — никаких всплывающих окон браузера, никаких просьб заполнить.
Вам нужен именно этот модуль?
Первичная консультация (15 минут) — мы выясним, насколько она актуальна для вашего сайта.
Запишитесь на первичную консультацию
Дополнительная информация:
Обзор BFSG ·
Обзор производительности ·
Финансирование BAFA ·
Часто задаваемые вопросы