Sprawdzanie Dostępności Kolorów
Sprawdź współczynniki kontrastu kolorów zgodnie z wytycznymi WCAG 2.1. Testuj zgodność z AA i AAA dla normalnego i dużego tekstu. Darmowe narzędzie, 100% w przeglądarce.
Podgląd dużego tekstu (18pt+)
Podgląd normalnego tekstu — sprawdź czytelność na tle wybranego koloru.
Informacje
Czym jest kontrast kolorów WCAG?
Wytyczne dotyczące dostępności treści internetowych (WCAG) 2.1 definiują minimalne współczynniki kontrastu, aby tekst był czytelny dla osób z wadami wzroku. Współczynnik kontrastu mieści się w zakresie od 1:1 (brak kontrastu) do 21:1 (maksymalny, czarny na białym). Około 8% mężczyzn i 0,5% kobiet ma jakąś formę zaburzenia widzenia barw, co sprawia, że odpowiedni kontrast jest kluczowy dla inkluzywnego projektowania.
Poziomy zgodności WCAG
AA — Normalny tekst: minimalny współczynnik kontrastu 4,5:1 (najczęstszy wymóg). AA — Duży tekst: minimalny 3:1 (duży = 18pt/24px zwykły lub 14pt/18,5px pogrubiony). AAA — Normalny tekst: minimalny 7:1 (podwyższony, zalecany dla tekstu głównego). AAA — Duży tekst: minimalny 4,5:1. Większość przepisów i standardów dotyczących dostępności (ADA, Section 508, EN 301 549) odwołuje się do WCAG AA jako minimalnego wymagania.
Jak obliczany jest współczynnik kontrastu
Współczynnik kontrastu wykorzystuje wartości luminancji względnej wyprowadzone z kolorów sRGB. Każdy kanał koloru (R, G, B) jest linearyzowany: jeśli wartość sRGB ≤ 0,04045, dzielimy przez 12,92; w przeciwnym razie obliczamy ((wartość + 0,055) / 1,055)^2.4. Luminancja = 0,2126·R + 0,7152·G + 0,0722·B. Współczynnik kontrastu = (L1 + 0,05) / (L2 + 0,05), gdzie L1 to luminancja jaśniejszego koloru, a L2 ciemniejszego.
Prywatność
Wszystkie obliczenia wykonywane są w 100% w Twojej przeglądarce. Żadne dane nie są wysyłane na serwer.