a11y.skipToMainContent
1

Проверка контрастности

Проверьте соотношение цветового контраста между цветами переднего плана и фона. Проверить соответствие WCAG 2.1 AA и AAA индикаторам пропуска / отказа.

Contrast Checker

Large Text (18pt+)

Normal body text (16px)

21:1
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large
More options
Was this tool helpful?
Send output to:
Advertisement

How to use Contrast Checker

  1. Введите или выберите цвет переднего плана (текста).
  2. Введите или выберите цвет фона.
  3. Просмотр коэффициента контрастности и результатов WCAG pass/fail.
  4. Настройте цвета, пока они не достигнут вашего целевого уровня соответствия.

Что такое имя?

Проверка контрастности рассчитывает коэффициент контрастности между двумя цветами в соответствии с рекомендациями WCAG 2.1. Он определяет, является ли текст читаемым на фоне цвета для нормального текста, большого текста и компонентов пользовательского интерфейса.

WCAG 2.1 требует минимального коэффициента контрастности 4,5:1 для нормального текста (AA), 3:1 для большого текста (AA), 7:1 для нормального текста (AAA) и 4,5:1 для большого текста (AAA). Этот инструмент мгновенно показывает прохождение / провал по всем четырем критериям

Advertisement

FAQ

Что такое хороший коэффициент контрастности?
WCAG 2.1 AA требует 4.5:1 для обычного текста и 3:1 для большого текста. ААА требует 7:1 для обычного текста и 4.5:1 для большого текста.
Что считается большим текстом?
Большой текст определяется как 18pt (24px) и выше, или 14pt (18.66px) и выше, если жирный.

Related tools

Author

NK
Prof. Noah Klein"The Privacy Guardian"

Cybersecurity Researcher & Privacy Advocate

Professor Klein holds a PhD in Information Security and has testified before EU parliamentary committees on data privacy legislation. He builds encryption tools for journalists, audits web applications for security flaws, and believes that privacy is not a feature but a fundamental right. His research has been cited in Wired, Nature, and The Guardian, and he advises nonprofits on responsible data stewardship.

Advertisement