Lista kontrolna Section 508 (WCAG 2.0 AA)
Wszystkie kryteria sukcesu WCAG 2.0 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
- 37
- Częściowo automatycznie
- 17
- Ręczne sprawdzenie
- 20
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.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 |
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.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 |
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.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 |
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 |
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.