WCAG 1.4.6 · Модуль WCAG

Контрастность 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

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

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

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

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

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

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