Цвет текста
Цвет фона
Контраст
8.42
- Пройдено
Малый текст
WCAG AA
- Пройдено
Большой текст
WCAG AA
- Пройдено
Малый текст
WCAG AAA
- Пройдено
Большой текст
WCAG AAA
Симуляция дальтонизма
Информация:
Малый текст: менее 18pt. Большой текст: 18pt и более или жирный 14pt и более.
Светлый фон
Цитата № 26
Я не знаю, станет ли лучше, если что-то изменится; но точно знаю, что то, что должно стать лучше, должно измениться.
Георг Кристоф Лихтенберг
Темный фон
Цитата № 26
Я не знаю, станет ли лучше, если что-то изменится; но точно знаю, что то, что должно стать лучше, должно измениться.
Георг Кристоф Лихтенберг
Малый текст
Большой текст
Проверить всю палитру
Вставь hex-цвета (через запятую или пробел), чтобы проверить все пары сразу.
История контрастного соотношения
Понимание стандартов WCAG и доступности
Стандарты WCAG
Руководящие принципы доступности веб-контента (WCAG) были разработаны Консорциумом Всемирной паутины (W3C) для обеспечения доступности веб-контента для людей с ограниченными возможностями. Требования к контрастному соотношению были введены для обеспечения читаемости текста для пользователей с нарушениями зрения.
Разработка
WCAG 1.0 был опубликован в 1999 году, установив первые требования к контрастному соотношению. WCAG 2.0 (2008) уточнил эти стандарты более точными формулами. WCAG 2.1 (2018) добавил дополнительные критерии успеха. Текущая формула контрастного соотношения была разработана на основе исследований человеческого зрительного восприятия и науки о цвете.
Почему это важно
Правильные контрастные соотношения обеспечивают читаемость текста для всех, включая пользователей с дальтонизмом, слабым зрением или тех, кто просматривает контент при ярком солнечном свете. Это делает веб более инклюзивным и доступным для миллионов пользователей по всему миру.
Формула
Контрастное соотношение рассчитывается с использованием относительной яркости цветов. Оно варьируется от 1:1 (нет контраста) до 21:1 (максимальный контраст, как черный на белом). WCAG AA требует 4.5:1 для обычного текста и 3:1 для крупного текста. WCAG AAA требует 7:1 для обычного текста и 4.5:1 для крупного текста.