Проверка контраста WCAG
Приватность по умолчанию — работает полностью в вашем браузере
Выберите цвет текста и фона, получите коэффициент контраста WCAG и значки AA/AAA для обычного текста, крупного текста и UI-компонентов.
Какое отношение считается успешным
WCAG AA требует 4,5:1 для обычного текста и 3:1 для крупного (≥18 пикселей regular или ≥14 пикселей bold). AAA ужесточает до 7:1 и 4,5:1 соответственно.
Что такое правило 3:1 для UI-компонентов
Критерий 1.4.11 WCAG 2.1 требует 3:1 контраста для иконок, рамок полей форм и других нетекстовых элементов, передающих информацию. Значок в этом инструменте покрывает этот случай.
А полупрозрачные цвета
Да, если значение в rgba и фон непрозрачный; для нескольких слоёв с прозрачностью сначала «сплющите» цвет. Если парсер не понимает значение, инструмент предупреждает.
Часто задаваемые вопросы
- Какое отношение считается успешным?
- WCAG AA требует 4,5:1 для обычного текста и 3:1 для крупного (≥18 пикселей regular или ≥14 пикселей bold). AAA ужесточает до 7:1 и 4,5:1 соответственно.
- Что такое правило 3:1 для UI-компонентов?
- Критерий 1.4.11 WCAG 2.1 требует 3:1 контраста для иконок, рамок полей форм и других нетекстовых элементов, передающих информацию. Значок в этом инструменте покрывает этот случай.
- А полупрозрачные цвета?
- Да, если значение в rgba и фон непрозрачный; для нескольких слоёв с прозрачностью сначала «сплющите» цвет. Если парсер не понимает значение, инструмент предупреждает.
- Что-то загружается?
- Нет. Расчёт — небольшая функция на странице; цвета не покидают браузер.