DARMOWE NARZĘDZIE

Sprawdzanie WCAG Contrast

Sprawdź kontrast między kolorem tekstu a tłem wg WCAG 2.1. Wynik: AA, AAA lub FAIL. Dla projektantów dbających o dostępność. Profesjonalne narzędzie online, które działa w Twojej przeglądarce. Szybko, bezpiecznie i bez instalowania zbędnego oprogramowania.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Foreground

Tło

Steps Opcja narzędzia

Wynik

Ustaw parametry i kliknij „Przetwórz”, aby zobaczyć wynik.

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Sprawdzanie kontrastu WCAG online

WCAG (Web Content Accessibility Guidelines) definiuje minimalne współczynniki kontrastu dla tekstu: 4,5:1 dla normalnego tekstu (AA) i 7:1 dla AAA. To narzędzie sprawdza Twoje kolory i wskazuje, co poprawić.

WCAG kontrast dostępność accessibility kontrast tekstu

Poziomy WCAG

AA (minimalny): 4,5:1 dla tekstu normalnego, 3:1 dla dużego (≥18pt lub 14pt pogrubiony). AAA (zaawansowany): 7:1 i 4,5:1. Narzędzie sprawdza oba poziomy jednocześnie.

Podpowiedzi naprawcze

Gdy kontrast jest za niski, narzędzie sugeruje najjaśniejszy/najciemniejszy odcień koloru bazowego, który przejdzie test AA.

Najczęstsze pytania

Dlaczego kontrast ma znaczenie?

Niski kontrast wyklucza użytkowników z wadami wzroku i jest niezgodny z WCAG — wymagany prawnie w sektorze publicznym.

Czy duży tekst ma inny próg?

Tak — tekst ≥18pt (24px) lub ≥14pt pogrubiony (ok. 19px) wymaga tylko 3:1 dla AA.

Co z kolorem placeholder?

Placeholder ma niższy priorytet, ale zaleca się ≥4,5:1 dla spójnej dostępności.

Narzędzia dostępności: generator semantycznego HTML i walidator ARIA.