Tester kontrastu kolorów WCAG
Sprawdź, czy kolory na Twojej stronie spełniają wymagania WCAG 2.1. Wpisz kolory, zobacz współczynnik kontrastu i od razu dowiedz się, czy masz poziom AA lub AAA.
Współczynnik kontrastu 21.00 : 1
Tekst zwykły
Przykładowy tekst kontrastu WCAG 2.1
Tekst duży / pogrubiony
Przykładowy tekst kontrastu WCAG 2.1
Ikona
Jak działa tester kontrastu kolorów WCAG?
To narzędzie liczy kontrast kolorów dokładnie według oficjalnego wzoru WCAG 2.1 (relative luminance). Na podstawie wprowadzonych kolorów oblicza współczynnik kontrastu w skali od 1:1 do 21:1 i sprawdza, czy spełnione są wymagania:
- Tekst zwykły - poziom AA wymaga kontrastu co najmniej 4.5:1, a AAA co najmniej 7:1,
- Duży tekst (min. 18 px regular lub 14 px pogrubiony) - poziom AA wymaga 3:1, a AAA 4.5:1,
- Ikony i elementy UI - minimalny kontrast to 3:1.
Wszystkie obliczenia wykonywane są lokalnie w Twojej przeglądarce
Chcesz, żeby Twoja strona była zgodna z WCAG i lepiej widoczna w Google?
Prześlij nam link do swojej strony. Sprawdzimy kluczowe elementy: kontrast, hierarchię treści, Core Web Vitals i SEO techniczne - a potem powiemy, co konkretnie poprawić, żeby strona była szybsza, czytelniejsza i generowała więcej zapytań.
To narzędzie działa na większym ekranie
Żeby wygodnie skorzystać z tego narzędzia, otwórz je na laptopie, komputerze stacjonarnym lub tablecie w poziomie.
Podpowiedź
Jeśli korzystasz z tabletu, przełącz go w tryb poziomy - gdy szerokość okna będzie większa, narzędzie załaduje się automatycznie.