Sprawdzacz Kontrastu

Sprawdź kontrast kolorów dla zgodności z WCAG

Kolor tekstu

Kolor tła

Kontrast

8.42

Bardzo dobry
  • Mały tekst

    WCAG AA

    Zaliczony
  • Duży tekst

    WCAG AA

    Zaliczony
  • Mały tekst

    WCAG AAA

    Zaliczony
  • Duży tekst

    WCAG AAA

    Zaliczony

Symulacja Daltonizmu

Protanopia7.9
Deuteranopia7.9
Tritanopia7.9
Achromatopsja8.6

Info:
Mały tekst: poniżej 18pt. Duży tekst: 18pt+ lub pogrubiony 14pt+.

Jasne tło

Cytat nr. 26

Georg Christoph Lichtenberg

Ciemne tło

Cytat nr. 26

Georg Christoph Lichtenberg

Mały tekst

Duży tekst

Check a whole palette

Paste hex colours (comma or space separated) to check every pair at once.

Historia Współczynnika Kontrastu

Zrozumienie standardów WCAG i dostępności

Standardy WCAG

Wytyczne dotyczące dostępności treści internetowych (WCAG) zostały opracowane przez World Wide Web Consortium (W3C), aby uczynić treści internetowe bardziej dostępnymi dla osób niepełnosprawnych. Wymagania dotyczące współczynnika kontrastu zostały wprowadzone, aby zapewnić czytelność tekstu dla użytkowników z zaburzeniami wzroku.

Rozwój

WCAG 1.0 zostało opublikowane w 1999 roku, ustanawiając pierwsze wymagania dotyczące współczynnika kontrastu. WCAG 2.0 (2008) doprecyzowało te standardy bardziej precyzyjnymi formułami. WCAG 2.1 (2018) dodało dodatkowe kryteria sukcesu. Obecna formuła współczynnika kontrastu została opracowana na podstawie badań nad ludzką percepcją wzrokową i nauką o kolorach.

Dlaczego to Ważne

Właściwe współczynniki kontrastu zapewniają, że tekst jest czytelny dla wszystkich, w tym użytkowników z daltonizmem, słabym wzrokiem lub tych, którzy przeglądają treści w jasnym świetle słonecznym. To czyni sieć bardziej inkluzywną i dostępną dla milionów użytkowników na całym świecie.

Formuła

Współczynnik kontrastu jest obliczany przy użyciu względnej luminancji kolorów. Waha się od 1:1 (brak kontrastu) do 21:1 (maksymalny kontrast, jak czarny na białym). WCAG AA wymaga 4,5:1 dla normalnego tekstu i 3:1 dla dużego tekstu. WCAG AAA wymaga 7:1 dla normalnego tekstu i 4,5:1 dla dużego tekstu.