Co to jest współczynnik kontrastu WCAG?

Współczynnik kontrastu WCAG mierzy różnicę luminancji między kolorami pierwszego planu i tła. Od 1:1 do 21:1.

Jakie są wymagania WCAG AA i AAA?

WCAG AA wymaga minimum 4.5:1 dla zwykłego tekstu i 3:1 dla dużego. AAA wymaga 7:1 i 4.5:1.

Duży tekst to 18pt (24px) lub większy, lub 14pt (18.66px) pogrubiony lub większy.

Odpowiedni kontrast zapewnia czytelność tekstu dla osób z wadami wzroku i poprawia czytelność dla wszystkich.

Oblicza się go używając względnych wartości luminancji. Wzór to (L1 + 0.05) / (L2 + 0.05).

WCAG wymaga minimum 3:1 dla komponentów UI i obiektów graficznych.

Nie wszystkie kombinacje spełniają standardy dostępności. Użyj tego sprawdzacza do walidacji.

To postrzegana jasność koloru, od 0 (czarny) do 1 (biały). Obliczana przy użyciu przestrzeni kolorów sRGB.

Tekst w obrazach musi spełniać te same wymagania. Dla obrazów dekoracyjnych nie ma zastosowania.

Użyj narzędzi deweloperskich przeglądarki, wtyczek do projektowania lub sprawdzaczy online, takich jak ten.

Sprawdź współczynniki kontrastu kolorów dla zgodności z WCAG 2.1. Natychmiast zweryfikuj standardy AA i AAA.

