Что такое Contrast Radar?
Это специализированный инструмент в составе Paletto, который вычисляет разницу в яркости между текстом и фоном. Мы используем математическую формулу стандарта WCAG 2.1, чтобы гарантировать точность ваших расчетов.
Contrast Radar
Оптимизируйте доступность вашего интерфейса. Проверка соответствия стандартам WCAG 2.1 в реальном времени.
Цветовой инспектор
#1E293B
#F8FAFC
Заголовок макета
Этот текст помогает понять, насколько легко пользователям будет считывать информацию. Хороший контраст — залог удобства вашего сайта.
Вторичная
Главная кнопка
Вердикт радара
0
Обычный текст (AA)
4.5:1
Обычный текст (AAA)
7.0:1
Крупный текст (AA)
3.0:1
Крупный текст (AAA)
4.5:1
Почему это важно?
Коэффициент 0:1 определяет, смогут ли люди с нарушениями зрения (например, дальтонизмом) полноценно пользоваться вашим продуктом.
Стандарт WCAG 2.1
Руководство по контрастности цветов
Уровень AA (Минимальный)
Требует коэффициент контрастности не менее 4,5:1 для обычного текста и 3:1 для крупного текста (от 18pt или 14pt жирным). Это стандартный уровень для большинства веб-сайтов.
Уровень AAA (Максимальный)
Более строгий стандарт. Требует коэффициент 7:1 для обычного текста и 4,5:1 для крупного. Необходим для сайтов государственных структур и специализированных сервисов.
Совет от Paletto
Если ваш контраст находится на грани (например, 4.48), попробуйте сделать текст чуть темнее или фон чуть светлее. Даже небольшое изменение на 1-2% может сделать интерфейс гораздо доступнее для тысяч пользователей.