Lista kontrolna WCAG 2.2: wszystkie 86 kryteriow sukcesu w prostych slowach

Ta lista kontrolna obejmuje kazde kryterium sukcesu w WCAG 2.2, zorganizowane wedlug czterech zasad POUR i trzynastu wytycznych. Kazde kryterium zawiera poziom zgodnosci, praktyczne wyjasnienie i wskazowki dotyczace tego, co oznacza w praktyce.

Zasada 1: Postrzegalnosc

Informacje i elementy interfejsu uzytkownika musza byc prezentowane uzytkownikom w sposob, ktory moga postrzegac.

Wytyczna 1.1: Alternatywy tekstowe

1.1.1 Tresc nietekstowa (Poziom A) — Cala tresc nietekstowa prezentowana uzytkownikowi posiada alternatywe tekstowa sluzaca rownowaznemu celowi. Obejmuje to obrazy, ikony, wykresy, dzwiek, wideo, animacje, CAPTCHA i elementy dekoracyjne. Obrazy informacyjne potrzebuja opisowego tekstu alternatywnego. Obrazy funkcjonalne potrzebuja tekstu alternatywnego opisujacego funkcje. Obrazy dekoracyjne potrzebuja pustego tekstu alternatywnego. Zlozone obrazy potrzebuja szczegolowych opisow tekstowych.

Wytyczna 1.2: Media oparte na czasie

1.2.1 Tylko dzwiek i tylko wideo – nagrane (Poziom A) — Zapewnij transkrypcje dla nagranej wczesniej tresci wylacznie audio oraz transkrypcje lub audiodeskrypcje dla nagranej wczesniej tresci wylacznie wideo.

1.2.2 Napisy – nagrane (Poziom A) — Zapewnij zsynchronizowane napisy dla wszystkich nagranych wczesniej tresci wideo z dzwiekiem.

1.2.3 Audiodeskrypcja lub alternatywa medialna – nagrana (Poziom A) — Zapewnij audiodeskrypcje lub pelna alternatywe tekstowa dla nagranej wczesniej tresci wideo.

1.2.4 Napisy – na zywo (Poziom AA) — Zapewnij napisy w czasie rzeczywistym dla calego dzwieku na zywo w tresciach wideo.

1.2.5 Audiodeskrypcja – nagrana (Poziom AA) — Zapewnij audiodeskrypcje dla wszystkich nagranych wczesniej tresci wideo, w ktorych wazne informacje wizualne nie sa juz przekazywane w dzwieku.

Wytyczna 1.3: Adaptowalnosc

1.3.1 Informacje i relacje (Poziom A) — Informacje, struktura i relacje przekazywane przez prezentacje sa programowo okreslalne lub dostepne w tekscie. Uzywaj odpowiednich znacznikow naglowkow, list, tabel, etykiet formularzy i punktow orientacyjnych do przekazywania struktury widocznej wizualnie.

1.3.2 Znaczaca kolejnosc (Poziom A) — Gdy kolejnosc prezentowania tresci wplywa na jej znaczenie, prawidlowa kolejnosc czytania moze byc programowo okreslona. Kolejnosc DOM powinna odpowiadac kolejnosci wizualnej.

1.3.3 Charakterystyki sensoryczne (Poziom A) — Instrukcje dotyczace zrozumienia i obslugi tresci nie opieraja sie wylacznie na charakterystykach sensorycznych, takich jak ksztalt, kolor, rozmiar, polozenie wizualne, orientacja lub dzwiek.

1.3.4 Orientacja (Poziom AA) — Tresc nie ogranicza swojego widoku i obslugi do jednej orientacji wyswietlania, chyba ze konkretna orientacja jest istotna.

1.3.5 Identyfikacja celu danych wejsciowych (Poziom AA) — Cel pol formularza zbierajacych informacje o uzytkowniku moze byc programowo okreslony za pomoca atrybutu autocomplete.

Wytyczna 1.4: Wyroznianie

1.4.1 Uzycie koloru (Poziom A) — Kolor nie jest uzywany jako jedyny wizualny srodek przekazywania informacji, wskazywania dzialania, zachecania do odpowiedzi lub wyrozniania elementu wizualnego.

1.4.2 Kontrola dzwieku (Poziom A) — Jesli dzwiek odtwarza sie automatycznie przez wiecej niz trzy sekundy, zapewnij mechanizm do wstrzymania, zatrzymania lub niezaleznej regulacji glosnosci.

1.4.3 Kontrast – minimum (Poziom AA) — Tekst i obrazy tekstu maja wspolczynnik kontrastu co najmniej 4,5:1, z wyjatkiem duzego tekstu (3:1), tekstu przypadkowego i logotypow.

1.4.4 Zmiana rozmiaru tekstu (Poziom AA) — Tekst moze byc powiekszony do 200% bez utraty tresci lub funkcjonalnosci.

1.4.5 Obrazy tekstu (Poziom AA) — Tekst jest uzywany do przekazywania informacji zamiast obrazow tekstu, z wyjatkiem sytuacji, gdy konkretna prezentacja wizualna jest istotna.

1.4.10 Przeplyw (Poziom AA) — Tresc moze byc prezentowana bez utraty informacji lub funkcjonalnosci i bez koniecznosci przewijania w dwoch wymiarach przy szerokosci 320 pikseli CSS dla tresci pionowej i 256 pikseli CSS wysokosci dla tresci poziomej.

1.4.11 Kontrast elementow nietekstowych (Poziom AA) — Elementy interfejsu uzytkownika i znaczace obiekty graficzne maja wspolczynnik kontrastu co najmniej 3:1 w stosunku do sasiadujacych kolorow.

1.4.12 Odstepy tekstu (Poziom AA) — Nie nastepuje utrata tresci lub funkcjonalnosci, gdy uzytkownicy dostosowuja wysokosc linii do 1,5x rozmiaru czcionki, odstepy miedzy akapitami do 2x rozmiaru czcionki, rozstaw liter do 0,12x rozmiaru czcionki i rozstaw wyrazow do 0,16x rozmiaru czcionki.

1.4.13 Tresc przy najechaniu lub fokusie (Poziom AA) — Gdy otrzymanie i usuniecie najechania kursorem lub fokusa klawiatury powoduje pojawienie sie i znikniecie dodatkowej tresci, ta tresc jest mozliwa do odrzucenia, najechania i trwala.

Zasada 2: Funkcjonalnosc

Elementy interfejsu uzytkownika i nawigacja musza byc funkcjonalne.

Wytyczna 2.1: Dostepnosc klawiatury

2.1.1 Klawiatura (Poziom A) — Cala funkcjonalnosc jest obslugiwalna za pomoca interfejsu klawiatury bez wymagania okreslonych czasow.

2.1.2 Brak pulapki klawiatury (Poziom A) — Jesli fokus klawiatury moze byc przeniesiony do elementu, fokus moze byc rowniez przeniesiony z niego za pomoca samej klawiatury.

2.1.4 Skroty klawiszowe (Poziom A) — Jesli skrot klawiszowy uzywa tylko liter, znakow interpunkcyjnych, cyfr lub symboli, skrot moze byc wylaczony, przeMapowany lub aktywowany tylko wtedy, gdy odpowiedni element ma fokus.

Wytyczna 2.2: Wystarczajacy czas

2.2.1 Regulowalny czas (Poziom A) — Dla kazdego limitu czasowego ustawionego przez tresc uzytkownik moze wylaczye, dostosowac lub przedluzyc limit czasu.

2.2.2 Wstrzymanie, zatrzymanie, ukrycie (Poziom A) — Dla poruszajacej sie, migajacej, przewijanej lub automatycznie aktualizujacej sie tresci, ktora uruchamia sie automatycznie i trwa dluzej niz piec sekund, uzytkownicy moga ja wstrzymac, zatrzymac lub ukryc.

Wytyczna 2.3: Napady padaczkowe i reakcje fizyczne

2.3.1 Trzy blyski lub ponizej progu (Poziom A) — Nic na stronie nie miga wiecej niz trzy razy w ciagu jednej sekundy.

Wytyczna 2.4: Nawigowalnosc

2.4.1 Pomijanie blokow (Poziom A) — Dostepny jest mechanizm pomijania powtarzajacych sie blokow tresci, takich jak linki pomijajace nawigacje.

2.4.2 Tytul strony (Poziom A) — Strony internetowe maja tytuly opisujace ich temat lub cel.

2.4.3 Kolejnosc fokusa (Poziom A) — Elementy fokusowalne otrzymuja fokus w kolejnosci zachowujacej znaczenie i operacyjnosc.

2.4.4 Cel linku – w kontekscie (Poziom A) — Cel kazdego linku moze byc okreslony na podstawie samego tekstu linku lub z jego kontekstu.

2.4.5 Wiele sposobow (Poziom AA) — Dostepny jest wiecej niz jeden sposob lokalizowania strony w zbiorze stron.

2.4.6 Naglowki i etykiety (Poziom AA) — Naglowki i etykiety opisuja swoj temat lub cel.

2.4.7 Widocznosc fokusa (Poziom A) — Kazdy interfejs uzytkownika obslugiwalny klawiatura ma widoczny wskaznik fokusa.

2.4.11 Fokus nie zasloniety – minimum (Poziom AA) — Gdy element otrzymuje fokus klawiatury, nie jest calkowicie ukryty przez tresc stworzona przez autora. (Nowe w WCAG 2.2)

2.4.12 Fokus nie zasloniety – rozszerzony (Poziom AAA) — Gdy element otrzymuje fokus klawiatury, zadna czesc wskaznika fokusa nie jest ukryta przez tresc stworzona przez autora. (Nowe w WCAG 2.2)

2.4.13 Wyglad fokusa (Poziom AAA) — Wskazniki fokusa maja wystarczajacy rozmiar (co najmniej 2-pikselowy obwod) i kontrast (co najmniej 3:1 miedzy stanem sfokusowanym a niesfokusowanym). (Nowe w WCAG 2.2)

Wytyczna 2.5: Modalnosci wejsciowe

2.5.1 Gesty wskaznika (Poziom A) — Cala funkcjonalnosc uzywajaca gestow wielopunktowych lub opartych na sciezce moze byc obslugiwana za pomoca pojedynczego wskaznika bez gestu opartego na sciezce.

2.5.2 Anulowanie wskaznika (Poziom A) — Dla funkcjonalnosci pojedynczego wskaznika akcja jest wyzwalana przy zdarzeniu puszczenia i moze byc przerwana lub cofnieta.

2.5.3 Etykieta w nazwie (Poziom A) — Dla elementow z etykietami tekstowymi dostepna nazwa zawiera wizualnie prezentowany tekst.

2.5.4 Aktywacja ruchem (Poziom A) — Funkcjonalnosc wyzwalana ruchem urzadzenia lub uzytkownika moze byc rowniez obslugiwana przez element interfejsu uzytkownika, a wyzwalanie ruchem moze byc wylaczone.

2.5.7 Ruchy przeciagania (Poziom AA) — Cala funkcjonalnosc uzywajaca przeciagania moze byc rowniez osiagnieta za pomoca pojedynczego wskaznika bez przeciagania. (Nowe w WCAG 2.2)

2.5.8 Rozmiar celu – minimum (Poziom AA) — Cele interaktywne maja co najmniej 24 na 24 piksele CSS, z wyjatkami dla celow w linii, celow kontrolowanych przez agenta uzytkownika i celow z wystarczajacym odstepem. (Nowe w WCAG 2.2)

Zasada 3: Zrozumialosc

Informacje i obsluga interfejsu uzytkownika musza byc zrozumiale.

Wytyczna 3.1: Czytelnosc

3.1.1 Jezyk strony (Poziom A) — Domyslny jezyk kazdej strony internetowej moze byc programowo okreslony za pomoca atrybutu lang.

3.1.2 Jezyk czesci (Poziom AA) — Jezyk kazdego fragmentu lub frazy moze byc programowo okreslony, z wyjatkiem nazw wlasnych i terminow technicznych.

Wytyczna 3.2: Przewidywalnosc

3.2.1 Przy fokusie (Poziom A) — Gdy jakikolwiek element otrzymuje fokus, nie inicjuje zmiany kontekstu.

3.2.2 Przy wprowadzaniu danych (Poziom A) — Zmiana ustawienia elementu nie powoduje automatycznie zmiany kontekstu, chyba ze uzytkownik zostal wczesniej poinformowany.

3.2.3 Spojna nawigacja (Poziom AA) — Mechanizmy nawigacji powtarzane na wielu stronach wystepuja w tej samej wzglednej kolejnosci za kazdym razem.

3.2.6 Spojna pomoc (Poziom A) — Jesli mechanizmy pomocy pojawiaja sie na wielu stronach, wystepuja w tej samej wzglednej kolejnosci. (Nowe w WCAG 2.2)

Wytyczna 3.3: Pomoc przy wprowadzaniu danych

3.3.1 Identyfikacja bledu (Poziom A) — Jesli blad wprowadzania jest automatycznie wykryty, element z bledem jest zidentyfikowany, a blad opisany w tekscie.

3.3.2 Etykiety lub instrukcje (Poziom A) — Etykiety lub instrukcje sa dostarczane, gdy tresc wymaga danych od uzytkownika.

3.3.3 Sugestia bledu (Poziom AA) — Jesli blad wprowadzania jest wykryty i znane sa sugestie, sa one dostarczane uzytkownikowi.

3.3.4 Zapobieganie bledom – prawne, finansowe, dane (Poziom AA) — Dla stron powodujacych zobowiazania prawne, transakcje finansowe lub modyfikacje danych, przeslania sa odwracalne, weryfikowane lub potwierdzalne.

3.3.7 Zbedne wpisy (Poziom A) — Informacje wczesniej wprowadzone w tym samym procesie sa automatycznie wypelniane lub dostepne do wyboru. (Nowe w WCAG 2.2)

3.3.8 Dostepne uwierzytelnianie – minimum (Poziom AA) — Test funkcji poznawczych nie jest wymagany do uwierzytelniania, chyba ze dostarczone sa alternatywy lub mechanizmy pomocy. Testy rozpoznawania obiektow sa dozwolone. (Nowe w WCAG 2.2)

3.3.9 Dostepne uwierzytelnianie – rozszerzone (Poziom AAA) — Tak samo jak 3.3.8, ale bez wyjatku rozpoznawania obiektow. (Nowe w WCAG 2.2)

Zasada 4: Solidnosc

Tresc musi byc na tyle solidna, aby mogla byc niezawodnie interpretowana przez szeroka game agentow uzytkownikow.

Wytyczna 4.1: Kompatybilnosc

4.1.2 Nazwa, rola, wartosc (Poziom A) — Dla wszystkich elementow interfejsu uzytkownika nazwa i rola moga byc programowo okreslone, stany i wlasciwosci moga byc ustawione, a zmiany sa dostepne dla technologii wspomagajacych.

4.1.3 Komunikaty statusu (Poziom AA) — Komunikaty statusu moga byc programowo okreslone przez role lub wlasciwosci, aby byly prezentowane uzytkownikowi przez technologie wspomagajace bez otrzymywania fokusa.

Uwaga: SC 4.1.1 Parsowanie zostalo usuniete z WCAG 2.2 jako przestarzale.

Kryteria poziomu AAA (dodatkowe)

Nastepujace kryteria poziomu AAA nie sa wymienione powyzej, ale sa czescia WCAG 2.2. Reprezentuja najwyzszy poziom dostepnosci i sa zalecane tam, gdzie jest to wykonalne:

1.2.6 Jezyk migowy – nagrany (AAA) — Tlumaczenie na jezyk migowy jest zapewnione dla calej nagranej wczesniej tresci audio.

1.2.7 Rozszerzona audiodeskrypcja (AAA) — Rozszerzone audiodeskrypcje sa dostarczane tam, gdzie przerwy w dzwieku sa niewystarczajace dla zwyklych audiodeskrypcji.

1.2.8 Alternatywa medialna – nagrana (AAA) — Pelna alternatywa tekstowa jest zapewniona dla wszystkich nagranych wczesniej zsynchronizowanych mediow i tresci wylacznie wideo.

1.2.9 Tylko dzwiek – na zywo (AAA) — Alternatywa tekstowa jest zapewniona dla tresci audio na zywo.

1.3.6 Identyfikacja celu (AAA) — Cel elementow interfejsu uzytkownika, ikon i regionow moze byc programowo okreslony.

1.4.6 Kontrast – rozszerzony (AAA) — Tekst ma wspolczynnik kontrastu co najmniej 7:1 dla normalnego tekstu i 4,5:1 dla duzego tekstu.

1.4.7 Niski lub brak dzwieku tla (AAA) — Nagrana wczesniej tresc wylacznie audio zawierajaca glownie mowe ma niski lub zerowy dzwiek tla.

1.4.8 Prezentacja wizualna (AAA) — Bloki tekstu oferuja dostosowanie wizualne, w tym kolory pierwszego planu/tla, szerokosc, odstepy miedzy liniami i wyrownanie.

1.4.9 Obrazy tekstu – bez wyjatku (AAA) — Obrazy tekstu sa uzywane tylko do celowi czysto dekoracyjnych lub gdy jest to istotne.

2.1.3 Klawiatura – bez wyjatku (AAA) — Cala funkcjonalnosc jest obslugiwalna za pomoca klawiatury bez wyjatkow.

2.2.3 Brak limitu czasu (AAA) — Czas nie jest istotna czescia wydarzenia lub aktywnosci, z wyjatkiem mediow w czasie rzeczywistym i zsynchronizowanych.

2.2.4 Przerwania (AAA) — Przerwania moga byc odlozone lub wstrzymane przez uzytkownika.

2.2.5 Ponowne uwierzytelnianie (AAA) — Gdy uwierzytelniona sesja wygasa, uzytkownik moze kontynuowac po ponownym uwierzytelnieniu bez utraty danych.

2.2.6 Limity czasu (AAA) — Uzytkownicy sa ostrzegani o limitach czasu z powodu nieaktywnosci, ktore moga spowodowac utrate danych, chyba ze dane sa przechowywane przez co najmniej 20 godzin.

2.3.2 Trzy blyski (AAA) — Nic na stronie nie miga wiecej niz trzy razy na sekunde, bez wyjatkow.

2.3.3 Animacja z interakcji (AAA) — Animacja ruchu wyzwalana interakcja moze byc wylaczona, chyba ze jest istotna.

2.4.8 Lokalizacja (AAA) — Dostepna jest informacja o lokalizacji uzytkownika w zbiorze stron (np. okruszki nawigacyjne).

2.4.9 Cel linku – sam link (AAA) — Cel kazdego linku moze byc okreslony na podstawie samego tekstu linku.

2.4.10 Naglowki sekcji (AAA) — Naglowki sekcji sa uzywane do organizowania tresci.

2.5.5 Rozmiar celu – rozszerzony (AAA) — Cele interaktywne maja co najmniej 44 na 44 piksele CSS.

2.5.6 Rownolegle mechanizmy wejsciowe (AAA) — Tresc nie ogranicza korzystania z modalnosci wejsciowych dostepnych na platformie.

3.1.3 Nietypowe slowa (AAA) — Dostepny jest mechanizm identyfikacji konkretnych definicji slow lub fraz uzywanych w nietypowy sposob.

3.1.4 Skroty (AAA) — Dostepny jest mechanizm identyfikacji rozwinietej formy skrotow.

3.1.5 Poziom czytania (AAA) — Gdy tekst wymaga zdolnosci czytania na poziomie wyzszym niz nizsze szkoly srednie, dostepne sa tresci uzupelniajace lub alternatywna wersja.

3.1.6 Wymowa (AAA) — Dostepny jest mechanizm identyfikacji wymowy slow, gdzie znaczenie jest niejednoznaczne bez wymowy.

3.2.4 Spojna identyfikacja (AA) — Elementy o tej samej funkcjonalnosci w zbiorze stron sa identyfikowane w sposob spojny.

3.2.5 Zmiana na zadanie (AAA) — Zmiany kontekstu sa inicjowane tylko na zadanie uzytkownika lub dostepny jest mechanizm wylaczenia takich zmian.

3.3.5 Pomoc (AAA) — Dostepna jest pomoc kontekstowa.

3.3.6 Zapobieganie bledom – wszystkie (AAA) — Dla wszystkich stron wymagajacych danych od uzytkownika przeslania sa odwracalne, weryfikowane lub potwierdzalne.