Что такое коэффициент контрастности WCAG?

Коэффициент контрастности WCAG измеряет разницу яркости между цветами переднего и заднего плана. От 1:1 до 21:1.

Каковы требования WCAG AA и AAA?

WCAG AA требует минимум 4.5:1 для обычного текста и 3:1 для крупного. AAA требует 7:1 и 4.5:1 соответственно.

Крупный текст — 18pt (24px) или больше, или 14pt (18.66px) жирный или больше.

Правильная контрастность обеспечивает читаемость для людей с нарушениями зрения и улучшает читаемость для всех.

Он рассчитывается с использованием значений относительной яркости. Формула: (L1 + 0.05) / (L2 + 0.05).

WCAG требует минимум 3:1 для UI компонентов и графических объектов.

Не все комбинации соответствуют стандартам доступности. Используйте этот инструмент для проверки.

Это воспринимаемая яркость цвета, от 0 (черный) до 1 (белый). Рассчитывается с использованием цветового пространства sRGB.

Текст на изображениях должен соответствовать тем же требованиям. Для декоративных изображений это не применяется.

Используйте инструменты разработчика браузера, плагины для дизайна или онлайн-инструменты, такие как этот.

Проверьте коэффициенты контрастности для соответствия WCAG 2.1. Мгновенная проверка стандартов AA и AAA.

