Color Contrast Checker — WCAG AA/AAA Accessibility Tool
Проверка контрастности
Aa
Visual Hierarchy
The quick brown fox jumps over the lazy dog. Legibility is critical for universal accessibility and rigorous design systems.
Дизайн-токены
Передний план
#
Фон
#
Контраст9.26:1:1
Обычный текстAA PASS
AA
AAA
Крупный текстAA PASS
AA
AAA
Часто задаваемые вопросы
Что такое цветовой контраст WCAG?
Веб-стандарт доступности контента (WCAG) требует минимального коэффициента контрастности 4,5:1 для обычного текста и 3:1 для крупного текста, чтобы обеспечить читаемость для пользователей с нарушениями зрения.
В чем разница между AA и AAA?
Уровень AA — это стандартное юридическое требование для большинства веб-контента (коэффициент 4,5:1). Уровень AAA — это высший стандарт доступности, требующий более строгого коэффициента 7:1 для максимальной читаемости.
Как исправить неудовлетворительный коэффициент контрастности?
Вы можете либо затемнить цвет текста на светлом фоне, либо осветлить его на темном фоне. Наш инструмент Smart Fix автоматически подбирает ближайший доступный цвет.