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.
Дизайн-токены
Передний план
#
Фон
#
Контраст3.89:1:1
Обычный текстAA FAIL
AA
AAA
Крупный текстAA PASS
AA
AAA
Умное исправление
Текущий контраст не соответствует WCAG AA. Примените предложенный цвет для соответствия стандарту.
Часто задаваемые вопросы
Что такое цветовой контраст WCAG?
Веб-стандарт доступности контента (WCAG) требует минимального коэффициента контрастности 4,5:1 для обычного текста и 3:1 для крупного текста, чтобы обеспечить читаемость для пользователей с нарушениями зрения.
В чем разница между AA и AAA?
Уровень AA — это стандартное юридическое требование для большинства веб-контента (коэффициент 4,5:1). Уровень AAA — это высший стандарт доступности, требующий более строгого коэффициента 7:1 для максимальной читаемости.
Как исправить неудовлетворительный коэффициент контрастности?
Вы можете либо затемнить цвет текста на светлом фоне, либо осветлить его на темном фоне. Наш инструмент Smart Fix автоматически подбирает ближайший доступный цвет.