Sprawdzanie Kontrastu WCAG — Dostępność Kolorów

Dostępność (accessibility) jest wymaganiem prawnym i etycznym w projektowaniu stron. Niewystarczający kontrast sprawia, że treść jest nieczytelna dla osób słabowidzących i w trudnych warunkach oświetleniowych.

Standardy WCAG 2.1

• Poziom AA (minimum): kontrast 4,5:1 dla normalnego tekstu, 3:1 dla dużego (18pt+)
• Poziom AAA (zalecany): kontrast 7:1 dla normalnego, 4,5:1 dla dużego

Jak obliczany jest kontrast?

Wzór: (L1 + 0,05) / (L2 + 0,05), gdzie L1 i L2 to względna luminancja kolorów. Biały na czarnym = 21:1 (maksimum). Narzędzie natychmiastowo ocenia każdą kombinację kolorów.