Sprawdzanie kontrastu WCAG
Prywatne z założenia — działa w całości w Państwa przeglądarce
Wybierz kolor tekstu i tła, zobacz wskaźnik kontrastu WCAG oraz odznaki AA/AAA dla normalnego tekstu, dużego tekstu i komponentów UI.
Jaki wskaźnik uznawany jest za zdany
WCAG AA wymaga 4,5:1 dla tekstu normalnego i 3:1 dla dużego (≥18 px regular lub ≥14 px bold). AAA zaostrza progi do 7:1 i 4,5:1.
Czym jest reguła 3:1 dla komponentów UI
Kryterium 1.4.11 WCAG 2.1 wymaga kontrastu 3:1 dla ikon, krawędzi pól formularzy i innych nietekstowych elementów UI niosących informację. Odznaka w narzędziu pokrywa ten przypadek.
A kolory półprzezroczyste
Tak, jeśli wartość przyjdzie jako rgba i tło jest pełne; przy kilku warstwach przezroczystych spłaszcz wcześniej. Narzędzie ostrzeże, gdy parser nie zrozumie wartości.
Najczęściej zadawane pytania
- Jaki wskaźnik uznawany jest za zdany?
- WCAG AA wymaga 4,5:1 dla tekstu normalnego i 3:1 dla dużego (≥18 px regular lub ≥14 px bold). AAA zaostrza progi do 7:1 i 4,5:1.
- Czym jest reguła 3:1 dla komponentów UI?
- Kryterium 1.4.11 WCAG 2.1 wymaga kontrastu 3:1 dla ikon, krawędzi pól formularzy i innych nietekstowych elementów UI niosących informację. Odznaka w narzędziu pokrywa ten przypadek.
- A kolory półprzezroczyste?
- Tak, jeśli wartość przyjdzie jako rgba i tło jest pełne; przy kilku warstwach przezroczystych spłaszcz wcześniej. Narzędzie ostrzeże, gdy parser nie zrozumie wartości.
- Czy coś jest wysyłane?
- Nie. Obliczenia to mała funkcja na tej stronie; kolory nigdy nie opuszczają przeglądarki.