Контраст кольорів за WCAG
Чи достатньо контрасту між кольором тексту й фоном за стандартом WCAG: співвідношення, рівні AA та AAA для звичайного й великого тексту.
шкала: пороги 3, 4,5 і 7; маркер — ваш контраст
Як це рахується
Відносна яскравість L = 0,2126 × R + 0,7152 × G + 0,0722 × B, де R, G, B — лінійні (після зняття гамми sRGB) значення 0–1.
Контраст = (L1 + 0,05) ÷ (L2 + 0,05), де L1 — яскравіший колір. AA потребує 4,5 (для великого тексту 3), AAA — 7 (для великого 4,5). Великий текст — від 24 пікселів або від 18,7 пікселя жирним накресленням.
L = 0,2126·R + 0,7152·G + 0,0722·B (лінійні) контраст = (L1 + 0,05) / (L2 + 0,05)
Приклад розрахунку
Чорний на білому: (1 + 0,05) ÷ (0 + 0,05) = 21,0.
#777777 на білому: L = 0,184, контраст = 1,05 ÷ 0,234 = 4,48 — це менше за 4,5, тож AA для звичайного тексту не проходить.
Перевіряє лише співвідношення кольорів; доступність залежить і від шрифту, розміру та контексту.
Перевірити PDF