Jakie progi są sprawdzane?
Narzędzie sprawdza 4.5:1 i 7:1 dla zwykłego tekstu, 3:1 i 4.5:1 dla dużego tekstu oraz 3:1 dla komponentów UI.
Sprawdzanie kontrastu kolorów
Sprawdzaj współczynniki kontrastu WCAG dla kolorów pierwszego planu i tła, podglądaj prawdziwy tekst, zobacz wyniki AA i AAA oraz kopiuj raport dostępności.
Sprawdź kontrast WCAG przed użyciem pary kolorów
Użyj narzędzia Sprawdzanie kontrastu kolorów, aby testować kolory pierwszego planu i tła względem typowych progów kontrastu WCAG. Wpisz albo wybierz kolory, podejrzyj własny tekst, ustaw rozmiar i grubość fontu, a następnie skopiuj czytelny raport do przeglądu projektu lub zgłoszenia.
Wynik obejmuje dokładny współczynnik kontrastu, stany spełnia lub nie spełnia AA i AAA dla zwykłego tekstu, dużego tekstu i komponentów UI oraz praktyczne sugestie kolorów pierwszego planu.
Użyj, gdy
- Wybierasz kolory tekstu i tła dla przycisków, kart, dashboardów, formularzy albo dokumentacji.
- Audytujesz kolory marki przed użyciem ich w czytelnym tekście interfejsu.
- Sprawdzasz, czy rozmiar fontu kwalifikuje się jako duży tekst według progów WCAG.
- Kopiujesz notatkę o dostępności do zgłoszenia, pull requestu albo przekazania projektu.
Ładowanie narzędzia...
FAQ sprawdzania kontrastu kolorów
Czy pogrubiony tekst zmienia wynik dużego tekstu?
Tak. Pogrubiony tekst kwalifikuje się jako duży przy mniejszym rozmiarze w pikselach niż zwykły tekst.
Czy mogę znaleźć pobliski dostępny kolor?
Tak. Narzędzie sugeruje najbliższy kierunek koloru pierwszego planu AA, zachowując pierwotny odcień tak bardzo, jak to praktyczne.
