Початок › База знань › Критерій 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

Загальна інформація за наявними знаннями, не юридична консультація. Для окремого випадку зверніться до адвокатського бюро, що спеціалізується на ІТ-праві.