Checklista WCAG 2.1 AA
Kompletna lista 49 kryteriów sukcesu WCAG 2.1 na poziomie A i AA.
Sprawdź swoją stronę automatycznie — DostępnySkan weryfikuje najważniejsze kryteria w mniej niż minutę.
19
Postrzegalność
17
Funkcjonalność
10
Zrozumiałość
3
Solidność
1. Postrzegalność (Perceivable)19 punktów
1.1.1A
Treść nietekstowa — Wszystkie obrazy mają atrybut alt. Dekoracyjne obrazy mają alt="" lub role="presentation".
1.2.1A
Tylko audio / tylko wideo — Nagrania audio mają transkrypcję tekstową. Nagrania wideo mają opis tekstowy lub ścieżkę audio.
1.2.2A
Napisy (na żywo) — Filmy z dźwiękiem mają napisy (captions).
1.2.3A
Audiodeskrypcja — Filmy mają audiodeskrypcję lub alternatywny opis tekstowy.
1.2.5AA
Audiodeskrypcja (nagrana) — Nagrane filmy mają audiodeskrypcję.
1.3.1A
Informacje i relacje — Struktura strony jest przekazana semantycznie: nagłówki (h1-h6), listy, tabele, formularze z etykietami.
1.3.2A
Kolejność treści — Kolejność odczytu treści jest logiczna i ma sens po linearyzacji.
1.3.3A
Cechy zmysłowe — Instrukcje nie opierają się wyłącznie na kształcie, rozmiarze, położeniu lub dźwięku.
1.3.4AA
Orientacja — Strona działa zarówno w orientacji pionowej, jak i poziomej.
1.3.5AA
Identyfikacja celu — Pola formularzy mają odpowiedni atrybut autocomplete.
1.4.1A
Użycie koloru — Kolor nie jest jedynym sposobem przekazywania informacji (np. błąd w formularzu nie tylko na czerwono).
1.4.2A
Kontrola odtwarzania audio — Dźwięk odtwarzany automatycznie można zatrzymać lub wyciszyć.
1.4.3AA
Kontrast (minimum) — Kontrast tekstu do tła wynosi min. 4.5:1 (3:1 dla dużego tekstu).
1.4.4AA
Zmiana rozmiaru tekstu — Tekst można powiększyć do 200% bez utraty treści lub funkcjonalności.
1.4.5AA
Obrazy tekstu — Tekst jest używany zamiast obrazów tekstu (z wyjątkami jak logotypy).
1.4.10AA
Zawijanie tekstu (reflow) — Strona działa bez przewijania poziomego przy szerokości 320px.
1.4.11AA
Kontrast elementów nietekstowych — Elementy interfejsu i grafiki mają kontrast min. 3:1.
1.4.12AA
Odstępy w tekście — Zwiększenie odstępów między liniami, akapitami, literami i wyrazami nie powoduje utraty treści.
1.4.13AA
Treść po najechaniu / fokusie — Treść pojawiająca się po hover/focus jest zamykalna, utrzymywana i trwała.
2. Funkcjonalność (Operable)17 punktów
2.1.1A
Klawiatura — Cała funkcjonalność jest dostępna z klawiatury.
2.1.2A
Brak pułapki klawiatury — Fokus klawiatury nie zostaje zablokowany w żadnym elemencie.
2.1.4A
Skróty klawiaturowe — Skróty jednoznakowe można wyłączyć lub zmienić.
2.2.1A
Regulowany czas — Limity czasowe można wyłączyć, przedłużyć lub dostosować.
2.2.2A
Pauza, zatrzymanie, ukrycie — Animacje, przewijanie i automatycznie odświeżane treści można zatrzymać.
2.3.1A
Trzy błyski — Strona nie zawiera elementów błyskających więcej niż 3 razy na sekundę.
2.4.1A
Pomijanie bloków — Istnieje mechanizm pomijania nawigacji (skip link).
2.4.2A
Tytuł strony — Każda strona ma opisowy i unikalny element <title>.
2.4.3A
Kolejność fokusu — Kolejność fokusa jest logiczna i intuicyjna.
2.4.4A
Cel linku (w kontekście) — Tekst każdego linku opisuje jego cel (nie "kliknij tutaj").
2.4.5AA
Wiele sposobów nawigacji — Istnieje więcej niż jeden sposób dotarcia do każdej strony (np. menu + wyszukiwarka + mapa strony).
2.4.6AA
Nagłówki i etykiety — Nagłówki i etykiety formularzy opisują temat lub cel.
2.4.7AA
Widoczny fokus — Fokus klawiatury jest zawsze widoczny.
2.5.1A
Gesty wskaźnika — Funkcje wielopunktowe lub oparte na ścieżce mają alternatywę jednopunktową.
2.5.2A
Anulowanie wskaźnika — Funkcje aktywowane kliknięciem można anulować (np. zwolnieniem myszy poza elementem).
2.5.3A
Etykieta w nazwie — Widoczna etykieta elementu jest częścią jego nazwy dostępnej.
2.5.4A
Aktywacja ruchem — Funkcje aktywowane ruchem urządzenia mają alternatywę interfejsową.
3. Zrozumiałość (Understandable)10 punktów
3.1.1A
Język strony — Element <html> ma atrybut lang z poprawnym kodem języka.
3.1.2AA
Język części — Fragmenty w innym języku mają atrybut lang.
3.2.1A
Po otrzymaniu fokusu — Fokus na elemencie nie powoduje nieoczekiwanej zmiany kontekstu.
3.2.2A
Podczas wprowadzania danych — Zmiana wartości pola formularza nie powoduje nieoczekiwanej zmiany kontekstu.
3.2.3AA
Spójna nawigacja — Nawigacja jest spójna na wszystkich stronach.
3.2.4AA
Spójna identyfikacja — Elementy o tej samej funkcji są identyfikowane spójnie.
3.3.1A
Identyfikacja błędu — Błędy w formularzach są automatycznie wykrywane i opisywane tekstowo.
3.3.2A
Etykiety lub instrukcje — Formularze mają widoczne etykiety i instrukcje.
3.3.3AA
Sugestia korekty — Przy błędzie w formularzu podawana jest sugestia poprawki.
3.3.4AA
Zapobieganie błędom — Działania prawne, finansowe i na danych są odwracalne, weryfikowane lub potwierdzane.
4. Solidność (Robust)3 punktów
4.1.1A
Parsowanie — HTML jest poprawny: unikalne ID, prawidłowe zagnieżdżenie, zamknięte tagi.
4.1.2A
Nazwa, rola, wartość — Wszystkie elementy interfejsu mają nazwę dostępną, rolę i stan (ARIA).
4.1.3AA
Komunikaty o statusie — Komunikaty o statusie (sukces, błąd, postęp) są ogłaszane czytnikowi ekranu (aria-live).