Проверка контраста
Проверьте соответствие WCAG AA и AAA для любой комбинации цветов текста и фона.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
Что такое соответствие контраста WCAG?
WCAG определяет минимальные коэффициенты контраста между текстом и фоном для обеспечения читаемости для людей с нарушениями зрения. Уровень AA требует не менее 4,5:1 для обычного текста и 3:1 для крупного. Уровень AAA - расширенный стандарт с 7:1 и 4,5:1.
AA или AAA - к чему стремиться?
AA - юридический минимум для большинства стандартов доступности (EN 301 549 в Европе, Section 508 в США). AAA - золотой стандарт. Большинство команд стремятся к AA для всего текста и AAA для основного контента.
Что считается "крупным текстом"?
WCAG определяет крупный текст как 18pt (24px) и более при нормальном начертании, или 14pt (18,67px) при жирном. Крупный текст пользуется более мягким коэффициентом контраста (3:1 для AA), поскольку размер сам по себе улучшает читаемость.
Как использовать этот инструмент
Выберите цвет текста и фона с помощью палитры или введите hex-коды напрямую. Коэффициент контраста обновляется мгновенно, и все четыре проверки WCAG показывают Пройдено или Не пройдено в реальном времени.