Предпросмотр
Заголовок (крупный текст)
Это пример обычного текста. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Соответствие WCAG 2.1
| Уровень | Обычный текст | Крупный текст | UI компоненты |
|---|---|---|---|
| AA | Pass | Pass | Pass |
| AAA | Pass | Pass | Pass |
* Крупный текст: 18pt+ или 14pt+ bold. UI компоненты: иконки, границы, фокус-индикаторы.
Популярные сочетания
Возможности Contrast Checker
Проверка WCAG 2.1
Автоматическая проверка соответствия стандартам доступности WCAG уровней AA и AAA для текста и UI-компонентов.
Живой предпросмотр
Мгновенный просмотр как будет выглядеть текст, заголовки и кнопки с выбранной комбинацией цветов.
Точный расчет
Расчет коэффициента контрастности по формуле WCAG с учетом относительной яркости цветов.
Готовые пресеты
Библиотека популярных цветовых сочетаний для быстрого старта и вдохновения.
Что такое WCAG?
WCAG (Web Content Accessibility Guidelines) — это международные стандарты доступности веб-контента. Они определяют минимальные требования к контрастности для обеспечения читаемости текста людьми с нарушениями зрения.
Уровень AA
Минимальный рекомендуемый уровень. Требует контраст 4.5:1 для обычного текста и 3:1 для крупного.
Уровень AAA
Повышенный уровень доступности. Требует контраст 7:1 для обычного текста и 4.5:1 для крупного.
Крупный текст
Текст размером 18pt и более, или 14pt и более если он полужирный (bold).
UI компоненты
Графические объекты и компоненты интерфейса должны иметь контраст минимум 3:1.