Sprawdzarka Kontrastu
Sprawdź zgodność WCAG AA i AAA dla dowolnej kombinacji kolorów tekstu i tła.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
Czym jest zgodność kontrastu WCAG?
WCAG definiuje minimalne proporcje kontrastu między tekstem a tłem, aby zapewnić czytelność dla osób z wadami wzroku. Poziom AA wymaga co najmniej 4,5:1 dla normalnego tekstu i 3:1 dla dużego tekstu. Poziom AAA to rozszerzony standard wymagający 7:1 i 4,5:1.
AA czy AAA - do czego dążyć?
AA to minimum prawne dla większości przepisów dostępności (EN 301 549 w Europie, Section 508 w USA). AAA to złoty standard. Większość zespołów dąży do AA dla całego tekstu i AAA dla treści tam, gdzie to możliwe.
Co liczy się jako "duży tekst"?
WCAG definiuje duży tekst jako 18pt (24px) lub więcej przy normalnej grubości, lub 14pt (18,67px) przy pogrubieniu. Duży tekst korzysta z łagodniejszej proporcji kontrastu (3:1 dla AA), ponieważ rozmiar sam w sobie poprawia czytelność.
Jak używać tego narzędzia
Wybierz kolor tekstu i tła za pomocą próbników kolorów lub wpisz bezpośrednio kody hex. Proporcja kontrastu aktualizuje się natychmiast, a wszystkie cztery sprawdzenia WCAG pokazują Zdany lub Niezdany w czasie rzeczywistym.