Введите цвет переднего плана и фона, чтобы рассчитать контраст и проверить AA/AAA (локальная обработка).
Пример текста
The quick brown fox jumps over the lazy dog. 0123456789
Aa
Результаты
Контраст:
-
AA (обычный текст) ≥ 4.5
-
AA (крупный текст) ≥ 3.0
-
AAA (обычный текст) ≥ 7.0
-
AAA (крупный текст) ≥ 4.5
-
Рекомендуемый цвет текста
Использовать чёрный:
-
Использовать белый:
-
Как использовать
- Выберите цвета переднего плана и фона через палитру или введите HEX-коды вручную.
- Проверьте рассчитанное соотношение контраста (например, 4.5:1).
- Посмотрите статус WCAG 2.1 AA/AAA для обычного и крупного текста.
- Используйте симуляцию дальтонизма для предварительного просмотра отображения.
Советы и FAQ
- WCAG AA требует минимум 4.5:1 для обычного текста и 3.0:1 для крупного.
- WCAG AAA требует минимум 7.0:1 для обычного текста и 4.5:1 для крупного.
- Если контраст недостаточный, попробуйте «Использовать чёрный» или «Использовать белый».
- Все расчёты выполняются локально в браузере.
