WCAG Contrast Checker

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

Об инструменте

Измерьте контраст между цветами текста и фона по WCAG, чтобы интерфейс оставался читаемым для большего числа пользователей. Живой предпросмотр и индикаторы прохождения AA/AAA.

Что показывает

  • Коэффициент контраста с предпросмотром текста
  • WCAG AA и AAA pass/fail для обычного и крупного текста
  • Hex-поля с мгновенным пересчётом

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

Выберите или вставьте цвета текста и фона и прочитайте коэффициент и результат WCAG.

Частые вопросы

Какое требование WCAG к contrast ratio?

Обычный текст — минимум 4.5:1 для AA и 7:1 для AAA; крупный текст — ниже пороги. Инструмент показывает прохождение/непрохождение для каждого уровня.

Как проверить, соответствует ли цвет текста требованиям доступности?

Введите hex цвета текста и фона и прочитайте коэффициент контраста с живым предпросмотром.

Чем отличаются WCAG AA и AAA?

AAA — более строгий контраст для максимальной читаемости; AA — распространённый legal и design baseline для большинства интерфейсов.

Какой contrast ratio нужен для мелкого текста?

Основной текст ниже ~18 pt обычного (или 14 pt жирного) должен соответствовать AA для обычного текста — 4.5:1.

Используя этот инструмент, вы соглашаетесь с Условиями использования и Политикой конфиденциальности. Результаты предоставляются «как есть», без гарантий.