Tester kontrastu i dostępności

Czy tekst jest czytelny? Zawiera automatyczną korektę

Sprawdza kontrast między kolorem tekstu a tłem zgodnie ze standardem WCAG. Narzędzie proponuje poprawiony odcień, gdy połączenie nie spełnia progu dostępności. Wybierasz dwa kolory w próbniku lub podając kody HEX. Otrzymujesz podgląd na żywo nagłówka, akapitu i małego tekstu na wybranym tle. Narzędzie oblicza współczynnik kontrastu w skali od 1 do 21 i ocenia cztery testy: AA i AAA dla tekstu zwykłego oraz dużego. Jeśli tekst nie spełnia progu AA dla zwykłego tekstu (4.5), proponowany jest najbliższy pasujący odcień. Zachowuje on tę samą barwę i nasycenie, zmieniając jedynie jasność, aby marka pozostała rozpoznawalna. Obliczenia są wykonywane w przeglądarce.

Częste pytania

Czym są poziomy AA i AAA?

AA to standardowy próg wymagany w większości przypadków. Wynosi on 4.5 dla zwykłego tekstu i 3 dla dużego tekstu. AAA jest bardziej rygorystyczny i wymaga współczynnika 7 dla zwykłego tekstu oraz 4.5 dla dużego.

Czy to wystarczy, aby spełnić wymogi prawne?

Kontrast to kluczowy wymóg, ale nie jedyny. Pełna zgodność wymaga również nawigacji za pomocą klawiatury, tekstów alternatywnych dla obrazów oraz deklaracji dostępności.

Co uważa się za duży tekst?

Według wytycznych WCAG jest to tekst o rozmiarze 24 pikseli i większym. Dotyczy to również tekstu pogrubionego o rozmiarze od 18.66 pikseli.

Dlaczego narzędzie nie proponuje poprawki?

Czasami nie istnieje odcień danego koloru, który spełniałby próg na wybranym tle. Wtedy pojawia się odpowiedni komunikat. W takim przypadku należy zmienić tło na ciemniejsze lub jaśniejsze.

Czy można sprawdzić kolory z przezroczystością?

Nie. Narzędzie akceptuje tylko nieprzezroczyste kolory w formacie HEX. Dla koloru przezroczystego należy najpierw obliczyć kolor wynikowy na danym tle i dopiero wtedy go wprowadzić.

Inne przydatne narzędzia

Wszystkie narzędzia w Tworzenie stron z AI