Что такое контраст WCAG — AA и AAA

WCAG 2 меряет контраст как отношение относительных яркостей двух цветов. Для обычного текста минимум AA это 4.5:1, AAA это 7:1. Крупный текст (от 18pt или 14pt жирный) проходит AA уже при 3:1.

Яркость считается в линейном RGB, не «на глаз» по HEX. Оранжевый бренд на белом часто проходит для крупного заголовка и проваливает мелкую подпись.

Пипетка ToolsHelper показывает отношение и оценку AA/AAA к белому и к чистому чёрному #000000, тому же цвету, что в карточке «на чёрном».

Контраст WCAG — отношение относительных яркостей двух цветов. 4,5:1 — обычный порог AA для обычного текста, 3:1 — для крупного, 7:1 — для AAA. Белый на #ff7e15 не проходит обычный текст. Отношение — не оценка вкуса: макет может выглядеть сильно и всё равно не пройти. Здесь определение отношения. Инструмент цвета считает его для выбранной пары.