Контраст WCAG

Перевірка пари колір текст/фон на доступність

Кольори

Aa — Зразок тексту / Sample text

Звичайний текст для перевірки читабельності.

WCAG 2.1: звичайний текст — AA ≥4.5:1, AAA ≥7:1; великий текст (24px+/жирний 19px+) — AA ≥3:1, AAA ≥4.5:1. Нетекстові елементи (іконки, межі інпутів) — ≥3:1. Не тестуйте тільки «на око» — виглядає читабельно ≠ читабельно для 8% чоловіків з дальтонізмом.

Контраст

17.06:1

Звичайний текст AA
✓ 4.5+
Звичайний текст AAA
✓ 7+
Великий текст AA
✓ 3+
Великий текст AAA
✓ 4.5+