Проверка контраста цветов
Выберите два цвета и сразу увидите коэффициент контраста по WCAG и результаты AA / AAA.
21.00 : 1
Отлично — AAA
Съешь же ещё этих мягких французских булок, да выпей чаю.
WCAG 2.1 требует контраст 4.5:1 для основного текста и 3:1 для крупных заголовков. AAA — строже, 7:1.
Кнопка действия ✓ AA — обычный текст ≥ 4.5 : 1 Прошёл
✓ AAA — обычный текст ≥ 7 : 1 Прошёл
✓ AA — крупный текст ≥ 3 : 1 (≥ 18pt или 14pt жирный) Прошёл
✓ AAA — крупный текст ≥ 4.5 : 1 Прошёл
✓ AA — UI и графика ≥ 3 : 1 (рамки, иконки) Прошёл
Подробнее Скрыть
Как пользоваться
- Выберите цвет текста и фона.
- Смотрите коэффициент и WCAG AA/AAA.
- Поменяйте местами при необходимости.
Вопросы и ответы
- Загрузка?
- Нет. Всё выполняется в браузере; файлы никуда не загружаются.
- Стандарт?
- WCAG 2.x, относительная яркость.
- Крупный текст?
- Другие пороги для AA/AAA.