Проверка контрастности

Коэффициент контрастности WCAG измеряет разницу относительной светимости между двумя цветами. Светимость — это воспринимаемая яркость цвета, рассчитываемая из его RGB-каналов с гамма-коррекцией под человеческое зрение. Коэффициент варьируется от 1:1 (одинаковые цвета) до 21:1 (чёрный на белом). Чем выше коэффициент, тем легче читать текст — особенно пользователям со слабым зрением или дальтонизмом.

AA (минимум) требует 4.5:1 для обычного текста и 3:1 для крупного — это юридический минимум во многих странах. AAA (расширенный) требует 7:1 для обычного и 4.5:1 для крупного — рекомендуется для государственных, медицинских и интерфейсов с большим объёмом текста. AA — практическая цель для большинства проектов.

Крупный текст — это 18pt (24px) и больше для обычного начертания, или 14pt (~18.67px) для жирного. Порог ниже, потому что физический размер делает глифы более читаемыми. Основной текст 16px не считается крупным.

Поменяйте местами цвет текста и фон — введите тёмный фон как background и светлый текст как foreground. Многие дизайны проваливают тёмную тему, потому что дизайнеры просто инвертируют пару без повторной проверки. Всегда тестируйте обе темы независимо.

Да. WCAG 1.4.11 (Non-text Contrast) требует 3:1 для иконок, передающих информацию, границ форм и индикаторов фокуса относительно соседних цветов.