Проверка контраста текста и фона
Задайте цвет текста и фона - увидите коэффициент контраста и сразу поймёте, проходит ли пара WCAG AA и AAA.
Пример заголовка
Так будет выглядеть обычный текст на этом фоне - оцените, легко ли его читать.
16.99: 1
AA, обычный текст
AA, крупный текст
AAA, обычный текст
AAA, крупный текст
Как читать результат
Коэффициент контраста - число от 1 до 21: чем выше, тем сильнее разница между текстом и фоном. WCAG задаёт минимальные пороги отдельно для обычного и крупного текста, отдельно для уровней AA и AAA. Если пара не проходит AA - нажмите «Исправить», и текстовый цвет сдвинется по светлоте до ближайшего проходящего значения, не меняя оттенок.