Lista kontrolna WCAG 2.2 (poziomy A i AA)
Wszystkie kryteria sukcesu WCAG 2.2 poziomów A i AA: co sprawdzić i czy pomoże automatyczne narzędzie. Zaznacz każde, gdy Twoja strona je spełnia.
Pobierz PDF
Bezpłatnie, bez e-maila. Wydrukuj lub udostępnij link.
- Kryteria sukcesu
- 55
- Częściowo automatycznie
- 22
- Ręczne sprawdzenie
- 33
Jak korzystać z listy
- Najpierw uruchom automatyczne sprawdzenie: szybko znajdzie problemy oznaczone „częściowo automatycznie”.
- Potem przejdź każde kryterium ręcznie: klawiaturą, czytnikiem ekranu i przy powiększeniu 200% i 400%.
- „Częściowo automatycznie” oznacza, że narzędzie sprawdza część kryterium; resztę musi potwierdzić człowiek.
Korzystanie z tej listy nie potwierdza, że strona spełnia wymogi jakiegokolwiek prawa.
1. Postrzegalność
| Nr | Kryterium sukcesu | Co sprawdzić | Sprawdzanie |
|---|---|---|---|
| 1.1.1 | Treść nietekstowa Poziom A · WCAG 2.0 | WCAG 1.1.1 wymaga tekstu alternatywnego dla obrazów, ikon i przycisków graficznych (poziom A). Jak pisać atrybut alt, kiedy może być pusty i jakie są wyjątki. | Częściowo automatycznie |
| 1.2.1 | Tylko audio lub tylko wideo (nagranie) Poziom A · WCAG 2.0 | WCAG 1.2.1 wymaga transkrypcji nagrań audio oraz alternatywy tekstowej lub dźwiękowej dla wideo bez dźwięku (poziom A). Co się liczy, wyjątek i jak sprawdzić. | Ręczne sprawdzenie |
| 1.2.2 | Napisy rozszerzone (nagranie) Poziom A · WCAG 2.0 | WCAG 1.2.2 wymaga napisów do każdego nagranego wideo z dźwiękiem (poziom A). Co muszą zawierać napisy, dlaczego automatyczne nie wystarczą i jak je sprawdzić. | Częściowo automatycznie |
| 1.2.3 | Audiodeskrypcja lub alternatywa tekstowa dla mediów (nagranie) Poziom A · WCAG 2.0 | WCAG 1.2.3 wymaga audiodeskrypcji lub pełnej alternatywy tekstowej dla nagranego wideo (poziom A). Co oznacza każda opcja, kiedy są zbędne i jak sprawdzić. | Ręczne sprawdzenie |
| 1.2.4 | Napisy rozszerzone (na żywo) Poziom AA · WCAG 2.0 | WCAG 1.2.4 wymaga napisów do wideo na żywo z dźwiękiem, np. webinarów i live shoppingu (poziom AA). Co oznacza „na żywo”, co jest poza zakresem i jak sprawdzić. | Ręczne sprawdzenie |
| 1.2.5 | Audiodeskrypcja (nagranie) Poziom AA · WCAG 2.0 | WCAG 1.2.5 wymaga audiodeskrypcji każdego nagranego wideo z dźwiękiem (poziom AA). Kiedy jej nie trzeba, czym jest wersja rozszerzona i jak to sprawdzić. | Ręczne sprawdzenie |
| 1.3.1 | Informacje i relacje Poziom A · WCAG 2.0 | WCAG 1.3.1 wymaga, by nagłówki, listy, tabele i etykiety pól były oznaczone w kodzie, a nie tylko wystylizowane (poziom A). Typowe błędy, testy, poprawki. | Częściowo automatycznie |
| 1.3.2 | Zrozumiała kolejność Poziom A · WCAG 2.0 | WCAG 1.3.2 wymaga, by kolejność treści w kodzie zachowywała sens przy odczytywaniu na głos (poziom A). Błędy układu CSS, jak sprawdzić kolejność i ją naprawić. | Ręczne sprawdzenie |
| 1.3.3 | Właściwości zmysłowe Poziom A · WCAG 2.0 | WCAG 1.3.3: instrukcje nie mogą opierać się tylko na kształcie, kolorze, rozmiarze, położeniu lub dźwięku, np. „kliknij okrągły przycisk” (poziom A). Przykłady. | Ręczne sprawdzenie |
| 1.3.4 | Orientacja Poziom AA · WCAG 2.1 | WCAG 1.3.4: witryna nie może blokować widoku w trybie pionowym lub poziomym, chyba że dana orientacja jest niezbędna (poziom AA). Co to znaczy i jak naprawić. | Częściowo automatycznie |
| 1.3.5 | Określenie pożądanej wartości Poziom AA · WCAG 2.1 | WCAG 1.3.5 wymaga, by pola na dane użytkownika, np. imię czy e-mail, określały swój cel atrybutem autocomplete (poziom AA). Których pól dotyczy i jak testować. | Częściowo automatycznie |
| 1.4.1 | Użycie koloru Poziom A · WCAG 2.0 | WCAG 1.4.1: kolor nie może być jedynym wizualnym sposobem przekazania informacji, np. o linkach, błędach czy dostępności towaru (poziom A). Przykłady i testy. | Częściowo automatycznie |
| 1.4.2 | Kontrola odtwarzania dźwięku Poziom A · WCAG 2.0 | WCAG 1.4.2: dźwięk grający automatycznie dłużej niż 3 sekundy wymaga sposobu, by go wstrzymać, zatrzymać lub ściszyć (poziom A). Błędy, testy i naprawa. | Częściowo automatycznie |
| 1.4.3 | Kontrast (minimum) Poziom AA · WCAG 2.0 | WCAG 1.4.3 wymaga kontrastu co najmniej 4,5:1 dla tekstu i 3:1 dla dużego tekstu (poziom AA). Co jest dużym tekstem, jakie są wyjątki i jak to sprawdzić. | Częściowo automatycznie |
| 1.4.4 | Zmiana rozmiaru tekstu Poziom AA · WCAG 2.0 | WCAG 1.4.4 wymaga, by tekst dało się powiększyć do 200% bez utraty treści i funkcji (poziom AA). Dlaczego blokada zoomu to błąd, wyjątki i jak to testować. | Częściowo automatycznie |
| 1.4.5 | Obrazy tekstu Poziom AA · WCAG 2.0 | WCAG 1.4.5 wymaga, by tam, gdzie to możliwe, używać prawdziwego tekstu zamiast obrazów tekstu (poziom AA). Wyjątki dla logotypów, przykłady i naprawa. | Ręczne sprawdzenie |
| 1.4.10 | Dopasowanie do ekranu Poziom AA · WCAG 2.1 | WCAG 1.4.10 wymaga, by strona działała przy szerokości 320 px CSS lub powiększeniu 400% bez przewijania w poziomie (poziom AA). Wyjątki, test i naprawa. | Ręczne sprawdzenie |
| 1.4.11 | Kontrast elementów nietekstowych Poziom AA · WCAG 2.1 | WCAG 1.4.11 wymaga kontrastu 3:1 dla ikon, obramowań pól formularza, wskaźników fokusu i elementów wykresów (poziom AA). Wyjątki, sprawdzanie i naprawa. | Ręczne sprawdzenie |
| 1.4.12 | Odstępy w tekście Poziom AA · WCAG 2.1 | WCAG 1.4.12: tekst musi działać, gdy użytkownik ustawi interlinię 1,5, odstęp akapitów 2×, liter 0,12 i słów 0,16 (poziom AA). Jak to sprawdzić i naprawić. | Częściowo automatycznie |
| 1.4.13 | Treść spod kursora lub fokusu Poziom AA · WCAG 2.1 | WCAG 1.4.13: podpowiedzi i mega menu po najechaniu lub fokusie muszą dać się zamknąć, najechać i nie mogą znikać same (poziom AA). Co to znaczy i jak testować. | Ręczne sprawdzenie |
2. Funkcjonalność
| Nr | Kryterium sukcesu | Co sprawdzić | Sprawdzanie |
|---|---|---|---|
| 2.1.1 | Klawiatura Poziom A · WCAG 2.0 | WCAG 2.1.1 wymaga, by każda funkcja strony działała z samej klawiatury (poziom A). Co obejmuje, jaki jest jedyny wyjątek i jak testować nawigację klawiaturą. | Częściowo automatycznie |
| 2.1.2 | Bez pułapki na klawiaturę Poziom A · WCAG 2.0 | WCAG 2.1.2: fokus, który wejdzie do komponentu, musi móc go opuścić za pomocą samej klawiatury (poziom A). Typowe pułapki na klawiaturę i jak je testować. | Ręczne sprawdzenie |
| 2.1.4 | Jednoznakowe skróty klawiaturowe Poziom A · WCAG 2.1 | WCAG 2.1.4: jednoznakowe skróty klawiaturowe trzeba móc wyłączyć, zmienić lub ograniczyć do elementu z fokusem (poziom A). Przykłady i sposób sprawdzenia. | Ręczne sprawdzenie |
| 2.2.1 | Dostosowanie czasu Poziom A · WCAG 2.0 | WCAG 2.2.1: limity czasu trzeba móc wyłączyć, dostosować lub wydłużyć, z ostrzeżeniem i 20 sekundami na reakcję (poziom A). Wyjątki, sesje i testy. | Częściowo automatycznie |
| 2.2.2 | Pauza, zatrzymanie, ukrycie Poziom A · WCAG 2.0 | WCAG 2.2.2 wymaga sposobu na pauzę, zatrzymanie lub ukrycie treści, która rusza się dłużej niż 5 s lub sama się odświeża (poziom A). Karuzele, paski i test. | Częściowo automatycznie |
| 2.3.1 | Trzy błyski lub wartości poniżej progu Poziom A · WCAG 2.0 | WCAG 2.3.1 zakazuje treści, które błyskają więcej niż trzy razy na sekundę, chyba że są poniżej progów błysku (poziom A). Co się liczy i jak to sprawdzić. | Ręczne sprawdzenie |
| 2.4.1 | Możliwość pominięcia bloków Poziom A · WCAG 2.0 | WCAG 2.4.1 wymaga sposobu na pominięcie bloków powtarzanych na każdej stronie, np. menu (poziom A). Skip linki, punkty orientacyjne, nagłówki i sposób testu. | Częściowo automatycznie |
| 2.4.2 | Tytuł strony Poziom A · WCAG 2.0 | WCAG 2.4.2 wymaga, by każda strona miała tytuł opisujący jej temat lub cel (poziom A). Dobre tytuły w sklepach i aplikacjach SPA oraz sposób sprawdzenia. | Częściowo automatycznie |
| 2.4.3 | Kolejność fokusu Poziom A · WCAG 2.0 | WCAG 2.4.3 wymaga, by fokus klawiatury przesuwał się w kolejności zachowującej znaczenie i funkcjonalność (poziom A). Dodatni tabindex, okna i sposób testu. | Ręczne sprawdzenie |
| 2.4.4 | Cel łącza (w kontekście) Poziom A · WCAG 2.0 | WCAG 2.4.4: cel każdego linku musi wynikać z jego tekstu lub kontekstu (poziom A). Dlaczego „Czytaj więcej” i puste linki-ikony nie wystarczą i jak to naprawić. | Częściowo automatycznie |
| 2.4.5 | Wiele dróg Poziom AA · WCAG 2.0 | WCAG 2.4.5 wymaga więcej niż jednego sposobu na znalezienie strony, np. menu i wyszukiwarki lub mapy strony (poziom AA). Wyjątek dla zamówienia i test. | Ręczne sprawdzenie |
| 2.4.6 | Nagłówki i etykiety Poziom AA · WCAG 2.0 | WCAG 2.4.6 wymaga, by nagłówki i etykiety opisywały temat lub cel (poziom AA). Czego nie wymaga, kolejność nagłówków, etykiety pól i sposób sprawdzenia. | Ręczne sprawdzenie |
| 2.4.7 | Widoczny fokus Poziom AA · WCAG 2.0 | WCAG 2.4.7 wymaga, by fokus klawiatury był zawsze widoczny (poziom AA). Dlaczego outline: none to błąd, czym różni się od 2.4.13 i jak sprawdzić wskaźnik. | Ręczne sprawdzenie |
| 2.4.11 | Fokus niezasłonięty (minimum) Poziom AA · WCAG 2.2 | WCAG 2.4.11 (nowość w 2.2, AA): element z fokusem nie może być całkowicie zasłonięty przez przyklejony nagłówek, baner cookie ani inną treść. Wyjątki, testy. | Ręczne sprawdzenie |
| 2.5.1 | Gesty dotykowe Poziom A · WCAG 2.1 | WCAG 2.5.1 wymaga, by szczypanie, przesuwanie i inne gesty wielopunktowe lub oparte na ścieżce działały też jednym dotknięciem (poziom A). Przykłady i testy. | Ręczne sprawdzenie |
| 2.5.2 | Rezygnacja ze wskazania Poziom A · WCAG 2.1 | WCAG 2.5.2 wymaga, by akcje wskaźnika nie uruchamiały się przy naciśnięciu, więc przypadkowe dotknięcie da się anulować (poziom A). Cztery opcje i testy. | Ręczne sprawdzenie |
| 2.5.3 | Etykieta w nazwie Poziom A · WCAG 2.1 | WCAG 2.5.3 wymaga, by dostępna nazwa elementu zawierała jego widoczną etykietę (poziom A), aby sterujący głosem mogli powiedzieć to, co widzą. Błędy i poprawki. | Częściowo automatycznie |
| 2.5.4 | Aktywowanie ruchem Poziom A · WCAG 2.1 | WCAG 2.5.4: funkcje uruchamiane potrząsaniem lub przechylaniem urządzenia muszą działać też przyciskami na ekranie, a reakcję na ruch można wyłączyć (poziom A). | Ręczne sprawdzenie |
| 2.5.7 | Ruchy przeciągania Poziom AA · WCAG 2.2 | WCAG 2.5.7 (nowość w 2.2, AA) wymaga, by wszystko, co robi się przeciąganiem, dało się zrobić jednym wskaźnikiem bez przeciągania. Suwaki, listy, mapy, testy. | Ręczne sprawdzenie |
| 2.5.8 | Rozmiar celu (minimum) Poziom AA · WCAG 2.2 | WCAG 2.5.8 (nowość w 2.2, AA) wymaga celów kliknięcia i dotyku o rozmiarze co najmniej 24×24 piksele CSS lub odstępu. Pięć wyjątków, przykłady i testy. | Częściowo automatycznie |
3. Zrozumiałość
| Nr | Kryterium sukcesu | Co sprawdzić | Sprawdzanie |
|---|---|---|---|
| 3.1.1 | Język strony Poziom A · WCAG 2.0 | WCAG 3.1.1 wymaga, by główny język każdej strony był odczytywalny programowo, zwykle przez atrybut lang elementu html (poziom A). Co to znaczy i jak sprawdzić. | Częściowo automatycznie |
| 3.1.2 | Język części Poziom AA · WCAG 2.0 | WCAG 3.1.2 wymaga oznaczania fragmentów w innym języku atrybutem lang (poziom AA). Wyjątki dla nazw i terminów, typowe błędy w sklepach i sposoby naprawy. | Częściowo automatycznie |
| 3.2.1 | Po otrzymaniu fokusu Poziom A · WCAG 2.0 | WCAG 3.2.1 mówi, że przeniesienie fokusu na element nie może zmieniać kontekstu, np. otwierać okna ani nowej strony (poziom A). Przykłady ze sklepów i testy. | Ręczne sprawdzenie |
| 3.2.2 | Podczas wprowadzania danych Poziom A · WCAG 2.0 | WCAG 3.2.2 mówi, że zmiana pola, pola wyboru lub listy nie może zmieniać kontekstu bez wcześniejszej informacji (poziom A). Błędy w sklepach, testy i naprawa. | Ręczne sprawdzenie |
| 3.2.3 | Spójna nawigacja Poziom AA · WCAG 2.0 | WCAG 3.2.3 wymaga, by menu i inna nawigacja powtarzana na stronach zachowywały tę samą względną kolejność (poziom AA). Co jest dozwolone i jak to sprawdzić. | Ręczne sprawdzenie |
| 3.2.4 | Spójna identyfikacja Poziom AA · WCAG 2.0 | WCAG 3.2.4 wymaga, by elementy o tej samej funkcji były oznaczane w serwisie tak samo (poziom AA). Co się liczy, typowe błędy w sklepie i jak to sprawdzić. | Ręczne sprawdzenie |
| 3.2.6 | Spójna pomoc Poziom A · WCAG 2.2 | WCAG 3.2.6, nowe w WCAG 2.2, wymaga, by kontakt, czat i linki do pomocy powtarzane na stronach były w tej samej kolejności (poziom A). Zakres i testy. | Ręczne sprawdzenie |
| 3.3.1 | Identyfikacja błędu Poziom A · WCAG 2.0 | WCAG 3.3.1 wymaga, by błędy w formularzu były wskazane i opisane tekstem, także puste pola wymagane (poziom A). Typowe błędy w sklepie, sprawdzanie i naprawa. | Ręczne sprawdzenie |
| 3.3.2 | Etykiety lub instrukcje Poziom A · WCAG 2.0 | WCAG 3.3.2 wymaga etykiet lub instrukcji wszędzie, gdzie formularz oczekuje danych, także w polach opcjonalnych (poziom A). Placeholder, pola wymagane i testy. | Częściowo automatycznie |
| 3.3.3 | Sugestie korekty błędów Poziom AA · WCAG 2.0 | WCAG 3.3.3 wymaga, by po wykryciu błędu w formularzu, gdy znany jest sposób poprawy, podpowiedzieć go użytkownikowi (poziom AA). Wyjątek, przykłady i testy. | Ręczne sprawdzenie |
| 3.3.4 | Zapobieganie błędom (prawnym, finansowym, w danych) Poziom AA · WCAG 2.0 | WCAG 3.3.4 wymaga, by zamówienia, płatności i usuwanie danych były odwracalne, sprawdzane lub potwierdzane przed finalizacją (poziom AA). Co to znaczy dla kasy. | Ręczne sprawdzenie |
| 3.3.7 | Zbędne ponowne wprowadzanie danych Poziom A · WCAG 2.2 | WCAG 3.3.7, nowe w WCAG 2.2: dane już wpisane w procesie trzeba uzupełnić automatycznie lub dać do wyboru, a nie wpisywać ponownie (poziom A). Wyjątki i testy. | Ręczne sprawdzenie |
| 3.3.8 | Dostępne uwierzytelnianie (minimum) Poziom AA · WCAG 2.2 | WCAG 3.3.8, nowe w 2.2, zakazuje testów pamięci i łamigłówek przy logowaniu bez alternatywy lub pomocy, jak wklejanie i menedżery haseł (AA). CAPTCHA. | Ręczne sprawdzenie |
4. Solidność
| Nr | Kryterium sukcesu | Co sprawdzić | Sprawdzanie |
|---|---|---|---|
| 4.1.2 | Nazwa, rola, wartość Poziom A · WCAG 2.0 | WCAG 4.1.2 wymaga, by każdy przycisk, link i pole formularza przekazywały technologiom wspomagającym nazwę, rolę i stan (poziom A). Błędy ARIA i naprawa. | Częściowo automatycznie |
| 4.1.3 | Komunikaty o stanie Poziom AA · WCAG 2.1 | WCAG 4.1.3 wymaga, by komunikaty jak „Dodano do koszyka” czy „12 wyników” były ogłaszane przez czytnik ekranu bez przenoszenia fokusu (poziom AA). role=status. | Ręczne sprawdzenie |
Automatyczna kontrola, nie pełny audyt. Nie stanowi porady prawnej.
Pobierz listę kontrolną w PDF
Wszystkie kryteria sukcesu poziomów A i AA: co sprawdzić, z polem do zaznaczenia. Bezpłatnie, link e-mailem.