Kalkulator kontrastu WCAG 2.1
Jednym z podstawowych wymogów WCAG 2.1 jest zapewnienie odpowiedniego kontrastu między tekstem a tłem. Dla wielu z nas to może wydawać się tylko estetycznym szczegółem – ale dla osób z dysleksją, wadami wzroku czy światłowstrętem, niski kontrast oznacza coś znacznie poważniejszego: tekst staje się trudny, a czasem wręcz niemożliwy do odczytania.
Poniższy kalkulator pomoże Ci szybko sprawdzić, czy wybrane kolory spełniają minimalne wymogi dostępności. Wystarczy podać kolor tekstu i tła, a narzędzie automatycznie przeliczy współczynnik kontrastu i pokaże, czy projekt jest zgodny z WCAG.
Zadbaj o dostępność – to nie tylko obowiązek, ale i wyraz szacunku dla każdego użytkownika.
Sprawdź kontrast kolorów (WCAG 2.1)
To jest przykładowy duży tekst o minimalnym rozmiarze 24 px.
To też jest uznawane za duży tekst, ponieważ jest pogrubione i ma rozmiar minimum 19 px.
To natomiast jest przykładowy tekst podstawowy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non ultricies ligula.
Minimalny kontrast
4.5 : 1 – dla zwykłego tekstu
3 : 1 – dla dużego tekstu (≥24 px lub ≥19 px pogrubiony)