Онлайн-инструмент для проверки контраста цветов WCAG
Введите цвет текста и фона — проверим соотношение контраста по стандарту WCAG 2.1 (AA и AAA).
Результат
Вывод
ИИ-аудит Analito проверяет технические ошибки, мета-теги, скорость и индексацию — за 2 минуты, с конкретными рекомендациями.
Что такое контраст цветов WCAG
WCAG (Web Content Accessibility Guidelines) — стандарт доступности веб-контента. Стандарт определяет минимальные требования к контрасту между текстом и фоном. Уровень AA требует соотношения 4.5:1 для обычного текста, уровень AAA — 7:1. Сайты с плохим контрастом сложно читать людям с нарушениями зрения.
Как рассчитывается контраст
Контраст вычисляется по формуле: (L1 + 0.05) / (L2 + 0.05), где L1 — относительная яркость более светлого цвета, L2 — более тёмного. Относительная яркость рассчитывается по стандарту sRGB с учётом гамма-коррекции.
Частые вопросы
Что такое крупный текст в WCAG?
По стандарту WCAG крупным считается текст размером от 18pt (24px) для обычного начертания или от 14pt (18.67px) для жирного. Для крупного текста требования к контрасту мягче: AA требует 3:1, AAA — 4.5:1.
Обязательно ли выполнять требования WCAG?
В ряде стран (США, Европа) сайты государственных органов и крупных компаний обязаны соответствовать WCAG. Для коммерческих сайтов это требование необязательно, но хороший контраст улучшает читаемость для всех пользователей и положительно влияет на поведенческие факторы.
Какое соотношение контраста считается хорошим?
Минимально допустимое — 4.5:1 (WCAG AA). Оптимальное — 7:1 и выше (WCAG AAA). Чёрный текст на белом фоне имеет контраст 21:1 — максимально возможный.
ИИ проверит 50+ параметров: SEO, скорость, юзабилити, контент. Конкурентный анализ и план действий.