WCAG Color Contrast Checker
WCAG Color Contrast Checker to narzędzie służące do sprawdzania kontrastu kolorów między tekstem a tłem, zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines). Jego głównym celem jest ocena, czy dane zestawienie kolorów spełnia minimalne wymagania dostępności dla osób z wadami wzroku.
Wyniki kontrastu
| WCAG AA | WCAG AAA | |
|---|---|---|
| Tekst normalny | - | - |
| Tekst duży | - | - |
| Tekst pogrubiony | - | - |
Podgląd
Poziomy zgodności: AA i AAA
WCAG definiuje trzy poziomy zgodności: A (najniższy), AA (średni) i AAA (najwyższy). W kontekście kontrastu kolorów istotne są poziomy AA i AAA, ponieważ to one określają konkretne wymagania dotyczące współczynnika kontrastu między tekstem a tłem.
Wymagania poziomu AA
-
Dla zwykłego tekstu: kontrast musi wynosić co najmniej 4.5:1.
-
Dla dużego tekstu (minimum 18 punktów lub 14 punktów pogrubionego): kontrast co najmniej 3:1.
Wymagania poziomu AAA
-
Dla zwykłego tekstu: kontrast musi wynosić co najmniej 7:1.
-
Dla dużego tekstu: kontrast co najmniej 4.5:1.
Narzędzie WCAG Color Contrast Checker analizuje podane kolory (np. kod szesnastkowy #FFFFFF na #000000) i wyświetla ich współczynnik kontrastu. Na tej podstawie informuje, czy dane zestawienie spełnia wymagania poziomu AA i/lub AAA.
Dokumentacja WCAG
Szczegółowe informacje na temat wymagań kontrastu kolorów można znaleźć w oficjalnych dokumentach WCAG opublikowanych przez W3C:
-
WCAG 2.1, Kryterium sukcesu 1.4.3 (Contrast - Minimum):
https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html -
WCAG 2.1, Kryterium sukcesu 1.4.6 (Contrast - Enhanced):
https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html
Pełny dokument WCAG 2.1 jest dostępny tutaj:
https://www.w3.org/TR/WCAG21/