Проверка контрастности цветов (WCAG)

Проверьте, соответствует ли пара цветов текста и фона стандартам доступности WCAG AA и AAA. Инструмент отображает коэффициент контрастности и статус прохождения проверки в реальном времени.

Normal text — The quick brown fox jumps over the lazy dog.
Large text — Quick brown fox
Contrast ratio
WCAG AA — normal text (≥ 4.5:1)
WCAG AA — large text (≥ 3:1)
WCAG AAA — normal text (≥ 7:1)
WCAG AAA — large text (≥ 4.5:1)

Возможности

Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text

Как использовать

1. Выберите цвет переднего плана (цвет текста).

2. Выберите цвет фона.

3. Коэффициент контрастности и статус WCAG AA/AAA отображаются в реальном времени.

Часто задаваемые вопросы

What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Похожие инструменты