Czym jest kontrast kolorów?
Współczynnik kontrastu mierzy różnicę luminancji między tekstem (pierwszy plan) a tłem w skali od 1:1 (brak kontrastu) do 21:1 (czerń na bieli).
To narzędzie konwertuje kolory do sRGB, miesza przezroczystość przed porównaniem i używa wzoru względnej luminancji WCAG.
Progi WCAG
- AA: 4.5:1 dla zwykłego tekstu, 3:1 dla dużego tekstu.
- AAA: 7:1 dla zwykłego tekstu, 4.5:1 dla dużego tekstu.
- Duży tekst to 18pt+ zwykły lub 14pt+ pogrubiony.
- Elementy UI, ikony i grafika powinny dążyć do co najmniej 3:1.
Wyższe wartości poprawiają czytelność, szczególnie przy cienkich fontach lub małych rozmiarach.