Contrast Checker – WCAG 2.2 AA & AAA

Znajdź na stronie słowa, które trudno przeczytać. Contrast Checker mierzy każdy widoczny kolor tekstu względem jego tła i oznacza każdy, który nie osiąga poziomu AA lub AAA WCAG 2.2. Za darmo: nieograniczone skanowanie, znaczniki i sprawdzanie dwóch kolorów, bez konta. Pro: $6.99 jednorazowo, bez subskrypcji.

CO ROBI
Rozszerzenie odczytuje wyrenderowane kolory każdego elementu, łącznie z przezroczystością i kryciem, i porównuje współczynnik z wybranym poziomem. Wyniki pojawiają się w małym panelu, który możesz przenieść na dowolną stronę ekranu. Napisy na zdjęciu lub gradiencie trafiają na listę do przeglądu, a pipetą pobierzesz z ekranu rzeczywiste tło.

JAK TO DZIAŁA
1. Kliknij ikonę na pasku narzędzi i naciśnij Skanuj tę stronę. Skrót: Alt+Shift+K.
2. Każdy niezaliczony element dostaje czerwoną ramkę ze swoim współczynnikiem. Kliknij wynik, aby do niego przejść i zobaczyć oba kolory, rozmiar czcionki i selektor.
3. Popraw je w kodzie i skanuj ponownie.

ZA DARMO
• Skanuj dowolną stronę pod kątem AA i AAA, z automatycznie stosowaną regułą dużego tekstu.
• Zobacz każdy problem w ramce na miejscu, z listą posortowaną od najgorszego do najlepszego.
• Porównaj dwa kolory przez wartość hex, próbnik kolorów lub pipetę.
• Uruchamiaj i zatrzymuj skrótem klawiszowym, który możesz zmienić.

PRO ($6.99, DOŻYWOTNIO)
• Eksportuj wyniki jako plik CSV lub samodzielny raport HTML.
• Otrzymaj najbliższy kolor pierwszego planu lub tła, który przechodzi test.
• Zobacz wynik jasności APCA (Lc) obok każdego współczynnika.
• Sprawdź kolory linków i przycisków w stanach hover i fokus na podstawie stylów strony.

WARTO WIEDZIEĆ
To narzędzie pomocnicze do testów kryteriów sukcesu 1.4.3 i 1.4.6. Obejmuje jedną część wytycznych i nie jest oceną zgodności.

PRYWATNOŚĆ
Wszystko działa w Twojej przeglądarce. Rozszerzenie odczytuje tylko skanowaną kartę i dopiero po uruchomieniu skanowania. Jedyne przechowywane dane to adres e-mail podany przy zakupie Pro, używany do sprawdzenia zakupu.