Проверка доступности цветов — контраст WCAG и симуляция дальтонизма
Бесплатный инструмент проверки контрастности по WCAG 2.1 для тестирования любых цветовых комбинаций на соответствие стандартам доступности. Проверка читаемости текста на уровнях AA и AAA — незаменим для инклюзивного веб-дизайна.
Проверьте пары цветов на соответствие WCAG и различимость при дальтонизме
Как использовать
- Выберите или введите цвета переднего плана и фона через пикер или HEX/RGB.
- Посмотрите предпросмотр текста и результаты проверки WCAG AA/AAA.
- Изучите симуляцию дальтонизма — как каждый тип CVD воспринимает ваши цвета.
- Если проверка не пройдена, нажмите на предложенную альтернативу для исправления.
- Используйте массовый режим для проверки всех комбинаций вашей палитры.
Особенности
Часто задаваемые вопросы
Что такое контрастность WCAG?
Руководство по доступности веб-контента (WCAG) определяет минимальные коэффициенты контрастности между текстом и фоном. Уровень AA требует 4.5:1 для обычного текста и 3:1 для крупного (18pt+). Уровень AAA — 7:1 и 4.5:1 соответственно. Чем выше коэффициент, тем лучше читаемость.
Что такое дальтонизм (CVD)?
Нарушение цветового зрения (CVD) затрагивает около 8% мужчин и 0,5% женщин. Самые распространённые типы — протанопия (слепота на красный) и дейтеранопия (слепота на зелёный). Этот инструмент показывает, как ваши цвета выглядят для людей с каждым типом.
Как работает автоподбор альтернатив?
Когда пара цветов не проходит WCAG или CVD, инструмент ищет ближайшие цвета, которые проходят все проверки. Он корректирует яркость, сохраняя оттенок, чтобы предложенные цвета соответствовали вашему дизайну и были доступны.
Мои данные в безопасности?
Да, на 100%. Все расчёты выполняются в вашем браузере на JavaScript. Никакие цвета, палитры или данные не отправляются на сервер. Инструмент работает даже офлайн после первой загрузки.
Что такое Delta E и почему это важно?
Delta E (CIE2000) измеряет воспринимаемую разницу между двумя цветами. Delta E менее 1 означает, что два цвета практически неразличимы для глаза. Для доступности мы рекомендуем минимальное значение Delta E 10 между передним планом и фоном при всех типах симуляции CVD.
