Kontrola współczynnika kontrastu kolorów

Sprawdź kontrast tekstu według WCAG 2.2 AA i AAA dla dwóch jednolitych kolorów HEX.

Przygotowywanie narzędzia…

Wypróbuj przykład z objaśnieniem

Sprawdź kontrast tekstu według WCAG 2.2 AA i AAA dla dwóch jednolitych kolorów HEX.

Sprawdź jednostki i opcje, a następnie użyj przycisku obliczania. Przykład jest fikcyjny; zastąp wartości własnymi danymi.

Przykładowy tekst

Kolor tekstu: #000000
Kolor tła: #ffffff

Oczekiwany wynik

Współczynnik kontrastu: 21.000000:1
WCAG 2.2 AA — zwykły tekst (4.5:1): Spełnia
WCAG 2.2 AA — duży tekst (3:1): Spełnia
WCAG 2.2 AAA — zwykły tekst (7:1): Spełnia
WCAG 2.2 AAA — duży tekst (4.5:1): Spełnia
Ocena spełnienia wymogu opiera się na pełnym współczynniku; wyświetlany współczynnik jest zaokrąglony.

Porównaj dwa nieprzezroczyste kolory HEX i sprawdź progi WCAG 2.2 AA oraz AAA dla zwykłego i dużego tekstu.

Oczekiwanie na narzędzie. Objaśnienie jest dostępne również bez JavaScript.

Metoda i ograniczenia

Wprowadź kolory tekstu (pierwszego planu) i tła jako nieprzezroczyste, 3- lub 6-cyfrowe wartości HEX. Wynik sprawdza progi WCAG 2.2 AA i AAA dla tekstu zwykłego i dużego (co najmniej 18 pt zwykłego lub 14 pt pogrubionego, czyli około 24 px lub 18,7 px). Ocena spełnienia progów korzysta z pełnego współczynnika, a nie jego zaokrąglonej wartości na ekranie.

Duży tekst oznacza co najmniej 18 pkt przy zwykłej grubości lub 14 pkt przy pogrubieniu. Ta kontrola nie ocenia elementów interfejsu, obrazów, gradientów ani zgodności całej strony.

✓ Przetwarzanie lokalne✓ Bez konta✓ Dane przetwarzane tutaj✓ Bezpłatnie

Krótka odpowiedź

Porównaj dwa nieprzezroczyste kolory HEX i sprawdź progi WCAG 2.2 AA oraz AAA dla zwykłego i dużego tekstu.

Strona i jej zasoby są pobierane z witryny; ta operacja wykorzystuje wpisane wartości wyłącznie w tej przeglądarce i nie wysyła ich do punktu obliczeniowego.

Jak używać

Ograniczenia

Duży tekst oznacza co najmniej 18 pkt przy zwykłej grubości lub 14 pkt przy pogrubieniu. Ta kontrola nie ocenia elementów interfejsu, obrazów, gradientów ani zgodności całej strony.

Najczęstsze pytania

Co uznaje się za duży tekst?

WCAG uznaje tekst za duży od 18 pt dla zwykłej czcionki lub 14 pt dla pogrubionej (około 24 px lub 18,7 px). Cienkie lub nietypowe kroje mogą wymagać większego kontrastu.

Czy pozytywny wynik oznacza, że moja strona jest dostępna?

Nie. Sprawdza kontrast tekstu dla dwóch nieprzezroczystych, jednolitych kolorów HEX. Nie sprawdza kontrolek nietekstowych, obrazów, gradientów, stylu czcionki ani innych wymagań dostępności.

Źródła i odniesienia

Te źródła dokumentują wskazaną normę lub API przeglądarki; nie potwierdzają poprawności wyników narzędzia.