Начало › База знаний › Критерий WCAG

Цветовой контраст по WCAG 1.4.3

Текст должен достаточно отличаться от фона. Критерий успеха 1.4.3 WCAG 2.2 требует не менее 4,5:1 для обычного текста, не менее 3:1 для крупного текста (от 24 px, или от 18,66 px полужирного).

Частые ошибки

Светло-серый основной текст на белом (часто лишь 2,5–3,5:1), текст placeholder в полях форм, светлый текст кнопки на среднем тоне, цвет ссылки слишком близок к цвету текста.

Как исправить

Затемните цвет текста или осветлите фон, пока значение не будет соответствовать норме. Никогда не используйте цвет как единственный отличительный признак — подчёркивайте также ссылки, называйте также состояния.

Не затрагивается

Чисто декоративные элементы, отключённые элементы управления и логотипы не обязаны соответствовать требованиям контраста.

Чем помогает a11yglass

Бесплатное сканирование проверяет предоставленный HTML и CSS на нарушения WCAG, которые можно распознать автоматически, и называет к каждому выводу критерий успеха и конкретный шаг. Оно находит примерно 20–35 % проблем и не заменяет полной оценки.

Читать дальше

• Изображения текста по WCAG 1.4.5
• Текст ссылки по WCAG 2.4.4
• Четыре принципа WCAG

Общая информация по имеющимся знаниям, не юридическая консультация. По отдельному случаю обратитесь в адвокатское бюро, специализирующееся на ИТ-праве.