Programista🔒 Dziala w przegladarce

Sprawdzanie kontrastu kolorów

Sprawdzanie zgodności kontrastu kolorów WCAG AA/AAA

Kolor tekstu

Kolor tła

Przykładowy tytuł

Tak będzie wyglądał tekst główny z tymi kolorami.

A to jest mały tekst dla odniesienia.

Współczynnik kontrastu

21.00:1

WCAG AA

Normalny tekst✓ Zaliczono

Duży tekst (18px+)✓ Zaliczono

Komponenty UI✓ Zaliczono

WCAG AAA

Normalny tekst✓ Zaliczono

Duży tekst (18px+)✓ Zaliczono

O narzędziu Sprawdzanie kontrastu kolorów

Sprawdzanie kontrastu kolorów ocenia współczynnik kontrastu między dwoma kolorami zgodnie z wytycznymi WCAG 2.1. Informuje, czy Twoje kombinacje kolorów spełniają standardy dostępności AA lub AAA dla normalnego tekstu, dużego tekstu i komponentów UI. Wszystko działa w Twojej przeglądarce.

Często zadawane pytania

Jaki jest dobry współczynnik kontrastu?

WCAG AA wymaga minimalnego współczynnika 4,5:1 dla normalnego tekstu i 3:1 dla dużego tekstu (18px+ lub 14px+ pogrubiony). WCAG AAA wymaga 7:1 dla normalnego tekstu i 4,5:1 dla dużego tekstu. Wyższe współczynniki oznaczają lepszą czytelność.

Jaka jest różnica między AA a AAA?

AA to minimalny zalecany standard dla większości treści internetowych. AAA to bardziej rygorystyczny standard zapewniający lepszą czytelność dla użytkowników z wadami wzroku. Spełnienie AAA jest idealne, ale nie zawsze wymagane.

Jak obliczany jest współczynnik kontrastu?

Współczynnik kontrastu jest obliczany przy użyciu względnej luminancji każdego koloru zgodnie z definicją WCAG 2.1. Formuła porównuje jaśniejszy i ciemniejszy kolor na skali od 1:1 (brak kontrastu) do 21:1 (maksymalny kontrast, czarny na białym).

O narzędziu Sprawdzanie kontrastu kolorów

Często zadawane pytania

Jaki jest dobry współczynnik kontrastu?

Jaka jest różnica między AA a AAA?

Jak obliczany jest współczynnik kontrastu?