Materiały
WCAG 2.2 napisane dla tego, kto ma to naprawić
Wszystkie 87 kryteriów sukcesu. Przy tych z poziomu A i AA — zbiorze, na który wskazują Europejski akt o dostępności i EN 301 549 — każda strona mówi, co kryterium znaczy bez języka norm, jak wygląda błąd w prawdziwym kodzie i które automatyczne sprawdzenia go znajdą.
23 z 55 kryteriów A/AA ma przynajmniej jedno automatyczne sprawdzenie · 32 wymaga człowieka
1. Postrzegalność
Ludzie muszą móc odebrać treść — zobaczyć ją, usłyszeć albo dać sobie odczytać.
A1.1.1Treść nietekstowaWszystko, co nie jest tekstem — obraz, ikona, wykres — potrzebuje wersji tekstowej, która mówi to samo.7 sprawdzeń
A1.2.1Tylko audio lub tylko wideo (nagranie)Same nagrania dźwiękowe i same nagrania obrazu potrzebują alternatywy niosącej tę samą informację.1 sprawdzenie
A1.2.3Audiodeskrypcja lub alternatywa tekstowa dla multimediów (nagranie)Nagranie wideo potrzebuje albo audiodeskrypcji tego, co pokazuje, albo alternatywy tekstowej.ręcznie
AA1.2.4Napisy rozszerzone (na żywo)Treść dźwiękowa nadawana na żywo potrzebuje napisów na żywo.ręcznie
AAA1.2.6Język migowy (nagranie)Tłumaczenie na język migowy jest zapewnione dla wszystkich nagrań dźwiękowych w multimediach zsynchronizowanych.ręcznie
AAA1.2.7Rozszerzona audiodeskrypcja (nagranie)Jeśli przerwy w dźwięku pierwszoplanowym nie są wystarczające, aby audiodeskrypcja mogła przekazać sens nagrania wideo, zapewniona jest rozszerzona audiodeskrypcja dla wszystkich nagrań wideo w multimediach zsynchronizowanych.ręcznie
AAA1.2.8Alternatywa dla multimediów (nagranie)Alternatywa dla multimediów jest zapewniona dla wszystkich zsynchronizowanych nagrań multimedialnych oraz dla wszystkich nagrań zawierających tylko obraz.ręcznie
AAA1.2.9Tylko audio (na żywo)Alternatywa dla multimediów, przedstawiająca równoważne informacje dla przekazów tylko dźwiękowych na żywo, jest zapewniona.ręcznie
A1.3.1Informacje i relacjeStruktura, którą pokazujesz układem — nagłówki, listy, tabele, grupy — musi istnieć także w kodzie.12 sprawdzeń
A1.3.3Właściwości zmysłoweNie tłumacz niczego wyłącznie kształtem, rozmiarem, położeniem albo dźwiękiem.ręcznie
AA1.3.5Określenie prawidłowej wartościPola pytające o dane samego użytkownika powinny w kodzie mówić, o którą daną chodzi.1 sprawdzenie
AAA1.3.6Określenie przeznaczeniaW treści zaimplementowanej przy użyciu języków znaczników przeznaczenie komponentów interfejsu użytkownika, ikon i regionów może być programowo określone.ręcznie
A1.4.2Kontrola odtwarzania dźwiękuDźwięk, który sam gra dłużej niż trzy sekundy, potrzebuje sposobu na zatrzymanie.1 sprawdzenie
AA1.4.3Kontrast (minimum)Tekst potrzebuje kontrastu co najmniej 4,5:1 wobec tła — 3:1, jeśli jest duży.1 sprawdzenie
AA1.4.4Zmiana rozmiaru tekstuTekst musi przetrwać powiększenie do 200% bez utraty treści i funkcji.1 sprawdzenie
AAA1.4.6Kontrast (wzmocniony)Wizualna prezentacja tekstu lub obrazu tekstu posiada współczynnik kontrastu wynoszący przynajmniej 7:1, poza następującymi wyjątkami:1 sprawdzenie
AAA1.4.7Cichy lub całkowicie wyciszony dźwięk w tleDla nagrań zawierających tylko dźwięk, które (1) zawierają przede wszystkim mowę na pierwszym planie, (2) nie są dźwiękowym CAPTCHA ani logo dźwiękowym oraz (3) nie są wokalizą, której zamierzeniem jest przede wszystkim muzyka, prawdziwe jest przynajmniej jedno z poniższych:ręcznie
AAA1.4.8Prezentacja wizualnaDla wizualnej prezentacji bloków tekstu dostępny jest mechanizm, dzięki któremu można osiągnąć poniższe:ręcznie
AAA1.4.9Obrazy tekstu (bez wyjątków)Obrazy tekstu są stosowane wyłącznie do czystej dekoracji lub tam, gdzie szczególna prezentacja tekstu jest niezbędna dla przekazywanych informacji.ręcznie
AA1.4.10Dopasowanie do ekranuTreść musi przelać się do okna o szerokości 320 px bez poziomego paska przewijania.ręcznie
AA1.4.11Kontrast elementów nietekstowychElementy interfejsu i grafiki niosące znaczenie potrzebują kontrastu 3:1, nie tylko tekst.ręcznie
AA1.4.12Odstępy w tekścieStrona musi nadal działać, gdy czytający zwiększy interlinię i odstępy między znakami.1 sprawdzenie
AA1.4.13Treść spod kursora lub fokusuTreść, która pojawia się przy najechaniu albo fokusie, musi dać się zamknąć, najechać i utrzymać.ręcznie
2. Funkcjonalność
Ludzie muszą móc obsłużyć interfejs, czymkolwiek go sterują.
A2.1.2Bez pułapki na klawiaturęFokus klawiatury nigdy nie może utknąć tam, skąd nie da się wyjść.ręcznie
AAA2.1.3Klawiatura (bez wyjątków)Cała treść funkcjonalna jest obsługiwana za pomocą interfejsu klawiatury, bez wymogu określonego czasu użycia poszczególnych klawiszy.1 sprawdzenie
A2.1.4Jednoznakowe skróty klawiaturoweSkrót z jednej litery musi dać się wyłączyć albo przypisać na nowo.ręcznie
A2.2.1Dostosowanie czasuJeśli coś ma licznik czasu, trzeba dać się go wyłączyć, zmienić albo przedłużyć.1 sprawdzenie
A2.2.2Pauza, zatrzymanie, ukrycieWszystko, co samo się rusza, miga, przewija albo odświeża dłużej niż pięć sekund, potrzebuje pauzy.2 sprawdzenia
AAA2.2.3Brak ograniczeń czasowychCzas nie jest istotnym elementem zdarzenia lub czynności prezentowanej przez treść, z wyjątkiem nieinteraktywnych multimediów zsynchronizowanych oraz wydarzeń w czasie rzeczywistym.ręcznie
AAA2.2.4PrzerwyPrzerwy mogą być wstrzymane lub wyłączone przez użytkownika, z wyjątkiem przerw związanych z sytuacją awaryjną.1 sprawdzenie
AAA2.2.5Ponowne uwierzytelnianieKiedy sesja uwierzytelniona wygasa, użytkownik może kontynuować czynność bez utraty danych po ponownym uwierzytelnieniu.ręcznie
AAA2.2.6Ostrzeżenie o przerwieUżytkownicy są ostrzegani o czasie bezczynności, który mógłby spowodować utratę danych, chyba że dane są zachowywane przez ponad 20 godzin, gdy użytkownik nie podejmuje żadnych działań.ręcznie
A2.3.1Trzy błyski lub wartości poniżej proguNic nie może błyskać częściej niż trzy razy na sekundę.ręcznie
AAA2.3.2Trzy błyskiStrony internetowe nie zawierają w swojej treści niczego, co migocze częściej niż trzy razy w ciągu jednej sekundy.ręcznie
AAA2.3.3Animacja spowodowana interakcjamiAnimacje ruchu wywołane interakcją mogą zostać wyłączone, chyba że animacja jest niezbędna dla funkcjonalności lub przekazywanej informacji.ręcznie
A2.4.1Możliwość pominięcia blokówDaj ludziom sposób na ominięcie bloków, które powtarzają się na każdej stronie.1 sprawdzenie
AAA2.4.8LokalizacjaDostępna jest informacja o lokalizacji użytkownika w zestawie stron internetowych.ręcznie
AAA2.4.9Cel linku (z samego linku)Istnieje mechanizm pozwalający zidentyfikować cel każdego linku na podstawie samej jego treści, z wyjątkiem sytuacji, kiedy cel linku byłby niejasny dla wszystkich użytkowników.1 sprawdzenie
AA2.4.11Fokus nie jest zasłonięty (minimum)Przyklejony nagłówek albo stopka nie mogą całkowicie zasłaniać elementu z fokusem.ręcznie
AAA2.4.12Fokus nie jest zasłonięty (wzmocniony)Kiedy komponent interfejsu użytkownika otrzymuje fokus klawiatury, żadna jego część nie jest zasłonięta przez treść utworzoną przez autora.ręcznie
AAA2.4.13Wygląd fokusuKiedy wskaźnik fokusu klawiatury jest widoczny, obszar wskaźnika fokusu spełnia wszystkie poniższe warunki:ręcznie
A2.5.1Gesty dotykoweWszystko, co robi się gestem wielopalcowym albo po ścieżce, musi dać się zrobić jednym dotknięciem.ręcznie
A2.5.2Rezygnacja ze wskazaniaAkcja nie może odpalać przy naciśnięciu — trzeba dać szansę na wycofanie się.ręcznie
A2.5.3Etykieta w nazwieDostępna nazwa kontrolki musi zawierać słowa, które są na niej widoczne.1 sprawdzenie
A2.5.4Aktywowanie ruchemJeśli potrząśnięcie albo przechylenie urządzenia coś robi, musi istnieć kontrolka, która robi to samo.ręcznie
AAA2.5.5Rozmiar celu (wzmocniony)Rozmiar celu dla wskaźników wynosi przynajmniej 44 na 44 piksele CSS, z wyjątkiem sytuacji, kiedy:ręcznie
AAA2.5.6Współistniejące mechanizmy wprowadzania danychTreść internetowa nie ogranicza użycia sposobów wprowadzania danych dostępnych na danej platformie, z wyjątkiem sytuacji, gdy ograniczenie jest niezbędne, wymagane do zapewnienia bezpieczeństwa treści lub wymagane do uszanowania ustawień użytkownika.ręcznie
AA2.5.7Ruchy przeciąganiaWszystko, co działa przez przeciąganie, musi działać także bez przeciągania.ręcznie
AA2.5.8Rozmiar celu (minimum)Cele dotknięcia muszą mieć co najmniej 24 na 24 piksele CSS albo być wystarczająco odsunięte.1 sprawdzenie
3. Zrozumiałość
Ludzie muszą móc zrozumieć, co jest napisane i co stanie się dalej.
AAA3.1.3Nietypowe słowaIstnieje mechanizm umożliwiający zidentyfikowanie konkretnych definicji słów lub fraz użytych w nietypowy lub ograniczony sposób, w tym idiomów oraz żargonu.ręcznie
AAA3.1.4SkrótyIstnieje mechanizm umożliwiający zidentyfikowanie rozwiniętej formy lub znaczenia skrótu.ręcznie
AAA3.1.5Poziom umiejętności czytaniaJeśli tekst wymaga umiejętności czytania na poziomie wyższym niż poziom gimnazjalny — po usunięciu nazw własnych i tytułów — dostępna jest dodatkowa treść lub wersja, która nie wymaga takich umiejętności.ręcznie
AAA3.1.6WymowaIstnieje mechanizm umożliwiający zidentyfikowanie konkretnej wymowy słów, których znaczenie w danym kontekście jest niejednoznaczne bez znajomości ich wymowy.ręcznie
A3.2.2Podczas wprowadzania danychZmiana wartości nie może bez ostrzeżenia robić czegoś nieoczekiwanego.ręcznie
AA3.2.3Spójna nawigacjaNawigacja powtarzająca się na kolejnych stronach musi zachować tę samą kolejność.ręcznie
AAA3.2.5Zmiana na żądanieZmiany kontekstu są inicjowane wyłącznie na żądanie użytkownika lub istnieje mechanizm pozwalający wyłączyć takie zmiany.1 sprawdzenie
A3.2.6Spójna pomocJeśli pomoc jest oferowana na kilku stronach, na każdej musi być w tym samym miejscu.ręcznie
A3.3.1Identyfikacja błęduGdy dane zostaną odrzucone, napisz tekstem, które pole i co jest nie tak.ręcznie
A3.3.2Etykiety lub instrukcjeKażde pole potrzebuje etykiety, a tam, gdzie format nie jest oczywisty — instrukcji.1 sprawdzenie
AA3.3.4Zapobieganie błędom (prawnym, finansowym, w danych)Wysyłki wiążące prawnie lub finansowo oraz zmieniające dane muszą być odwracalne, sprawdzane albo potwierdzane.ręcznie
AAA3.3.6Zapobieganie błędom (wszystkim)Dla stron internetowych, które wymagają od użytkownika przesłania informacji, prawdziwe jest przynajmniej jedno z poniższych:ręcznie
A3.3.7Nadmiarowe wprowadzanie danychNie każ ludziom wpisywać tej samej informacji dwa razy w jednym procesie.ręcznie
AA3.3.8Dostępne uwierzytelnianie (minimum)Nie każ ludziom rozwiązywać zagadki ani niczego pamiętać, żeby się zalogowali.ręcznie
AAA3.3.9Dostępne uwierzytelnianie (wzmocnione)Test funkcji poznawczych (taki jak zapamiętanie hasła lub rozwiązanie zagadki) nie jest wymagany na żadnym etapie procesu uwierzytelniania, chyba że etap ten zapewnia przynajmniej jedno z poniższych:ręcznie
4. Solidność
Kod musi być na tyle solidny, żeby technologie asystujące dały sobie z nim radę.
A4.1.2Nazwa, rola, wartośćKażda kontrolka musi ujawniać, czym jest, jak się nazywa i w jakim jest stanie.29 sprawdzeń
AA4.1.3Komunikaty o stanieKomunikaty, które pojawiają się bez przeniesienia fokusu, muszą zostać ogłoszone.ręcznie