Narzędzia
Narzędzia z audytów oraz szybki test kontrastu WCAG bez opuszczania strony. Zobacz też: Wydajność, Dostępność, Zielony web, Bezpieczeństwo, i SEO — więcej w hubach tematycznych.
Kontrast WCAG
Podaj dwa kolory w sRGB (hex). Używamy tego samego wzoru jasności względnej co WCAG 2.x (tekst zwykły: 4.5:1 AA, duży: 3:1; AAA: 7:1 / 4.5:1).
17.85 : 1
AA — tekst zwykły (4.5:1) OK
AA — duży tekst (3:1) OK
AAA — tekst zwykły (7:1) OK
AAA — duży tekst (4.5:1) OK
Przykładowy nagłówek
Podgląd tekstu przy tej parze kolorów. Dostosuj kolory powyżej.
Wydajność
- PageSpeed Insights
Dane z laboratorium i z pola (Lighthouse) dla dowolnego publicznego URL.
- WebPageTest
Filmstrip, waterfall i testy z wielu lokalizacji.
- Bundlephobia
Sprawdź rozmiar paczki npm i koszt zależności przed instalacją.
- Chrome DevTools
Panel wydajności, coverage i narzędzia pamięci w przeglądarce.