Проверка контраста цветов
Введите цвет текста и цвет фона: покажем коэффициент контраста по WCAG 2 и подойдёт ли пара для обычного и крупного текста.
Что значат AA и AAA
WCAG это международные правила доступности сайтов. Контраст считается от 1:1 (одинаковые цвета) до 21:1 (чёрный на белом). Для обычного текста нужно не меньше 4,5:1 (уровень AA), для крупных заголовков хватит 3:1. Строгий уровень AAA требует 7:1. Подобрать удачные пары помогут готовые палитры: на странице каждой показан контраст текста и фона.
Частые вопросы
Какой контраст нужен для текста?
По WCAG 2 уровень AA требует 4,5:1 для обычного текста и 3:1 для крупного (от 24 пикселей или от 19 пикселей жирным). Уровень AAA строже: 7:1 и 4,5:1.
Почему серый текст на белом плохо читается?
У светло-серого текста на белом контраст часто ниже 3:1. Особенно трудно таким людям со слабым зрением и всем, кто смотрит на телефон на солнце.
Как поднять контраст, не меняя фирменный цвет?
Возьмите тот же оттенок, но темнее для текста на светлом фоне или светлее на тёмном. Для кнопок можно поменять цвет надписи на белый или чёрный.