WCAG 2.2 kontrolna lista: svih 86 kriterija uspjeha objašnjeno

Ova kontrolna lista pokriva svaki kriterij uspjeha u WCAG 2.2, organiziran po četiri POUR načela i trinaest smjernica. Svaki kriterij uključuje svoju razinu usklađenosti, praktično objašnjenje i smjernice o tome što znači u praksi.

Načelo 1: Zamjetljivo

Informacije i komponente korisničkog sučelja moraju biti prezentirane korisnicima na načine na koje ih mogu zamijetiti.

Smjernica 1.1: Tekstualne alternative

1.1.1 Netekstualni sadržaj (Razina A) — Sav netekstualni sadržaj koji je prezentiran korisniku ima tekstualnu alternativu koja služi ekvivalentnoj svrsi. To uključuje slike, ikone, grafikone, zvuk, video, animacije, CAPTCHA i dekorativne elemente. Informativne slike trebaju opisni alt tekst. Funkcionalne slike trebaju alt tekst koji opisuje funkciju. Dekorativne slike trebaju prazan alt tekst. Složene slike trebaju detaljne tekstualne opise.

Smjernica 1.2: Vremenski ovisni mediji

1.2.1 Samo audio i samo video – unaprijed snimljeno (Razina A) — Pružite transkript za unaprijed snimljeni audio-only sadržaj i transkript ili audio opis za unaprijed snimljeni video-only sadržaj.

1.2.2 Titlovi – unaprijed snimljeno (Razina A) — Pružite sinkronizirane titlove za sav unaprijed snimljeni video s audio sadržajem.

1.2.3 Audio opis ili medijska alternativa – unaprijed snimljeno (Razina A) — Pružite audio opis ili potpunu tekstualnu alternativu za unaprijed snimljeni video sadržaj.

1.2.4 Titlovi – uživo (Razina AA) — Pružite titlove u stvarnom vremenu za sav audio uživo u video sadržaju.

1.2.5 Audio opis – unaprijed snimljeno (Razina AA) — Pružite audio opise za sav unaprijed snimljeni video sadržaj gdje važne vizualne informacije nisu već prenesene u zvuku.

Smjernica 1.3: Prilagodljivo

1.3.1 Informacije i odnosi (Razina A) — Informacije, struktura i odnosi preneseni putem prezentacije programatski su odredivi ili dostupni u tekstu. Koristite ispravno označavanje naslova, popisa, tablica, oznaka obrazaca i orijentira za prenošenje strukture koja je vizualno očita.

1.3.2 Smisleni slijed (Razina A) — Kada slijed u kojem je sadržaj prezentiran utječe na njegovo značenje, ispravni slijed čitanja može se programatski odrediti. DOM redoslijed treba odgovarati vizualnom redoslijedu.

1.3.3 Senzorne karakteristike (Razina A) — Upute za razumijevanje i upravljanje sadržajem ne oslanjaju se isključivo na senzorne karakteristike poput oblika, boje, veličine, vizualne lokacije, orijentacije ili zvuka.

1.3.4 Orijentacija (Razina AA) — Sadržaj ne ograničava svoj prikaz i rad na jednu orijentaciju zaslona osim ako je specifična orijentacija ključna.

1.3.5 Identifikacija svrhe unosa (Razina AA) — Svrha polja za unos obrazaca koja prikupljaju korisničke informacije može se programatski odrediti koristeći autocomplete atribut.

Smjernica 1.4: Razlikovnost

1.4.1 Korištenje boje (Razina A) — Boja se ne koristi kao jedino vizualno sredstvo za prenošenje informacija, označavanje radnje, poticanje odgovora ili razlikovanje vizualnog elementa.

1.4.2 Kontrola zvuka (Razina A) — Ako se zvuk automatski reproducira duže od tri sekunde, osigurajte mehanizam za pauziranje, zaustavljanje ili kontrolu glasnoće neovisno.

1.4.3 Kontrast – minimum (Razina AA) — Tekst i slike teksta imaju omjer kontrasta od najmanje 4,5:1, osim za veliki tekst (3:1), slučajni tekst i logotipove.

1.4.4 Promjena veličine teksta (Razina AA) — Tekst se može povećati do 200% bez gubitka sadržaja ili funkcionalnosti.

1.4.5 Slike teksta (Razina AA) — Tekst se koristi za prenošenje informacija umjesto slika teksta, osim kada je određena vizualna prezentacija ključna.

1.4.10 Preformulacija (Razina AA) — Sadržaj se može prezentirati bez gubitka informacija ili funkcionalnosti i bez potrebe za pomicanjem u dva smjera na širini od 320 CSS piksela za vertikalni sadržaj i visini od 256 CSS piksela za horizontalni sadržaj.

1.4.11 Kontrast netekstualnih elemenata (Razina AA) — Komponente korisničkog sučelja i smisleni grafički objekti imaju omjer kontrasta od najmanje 3:1 u odnosu na susjedne boje.

1.4.12 Razmak teksta (Razina AA) — Nema gubitka sadržaja ili funkcionalnosti kada korisnici prilagode visinu retka na 1,5x veličinu fonta, razmak odlomaka na 2x veličinu fonta, razmak slova na 0,12x veličinu fonta i razmak riječi na 0,16x veličinu fonta.

1.4.13 Sadržaj pri lebdenju ili fokusu (Razina AA) — Gdje primanje i uklanjanje lebdenja pokazivača ili fokusa tipkovnice pokreće pojavljivanje i nestajanje dodatnog sadržaja, taj sadržaj može se odbaciti, lebdjeti nad njim i trajan je.

Načelo 2: Operabilno

Komponente korisničkog sučelja i navigacija moraju biti operabilni.

Smjernica 2.1: Pristupačnost tipkovnice

2.1.1 Tipkovnica (Razina A) — Sve funkcionalnosti su operabilne putem sučelja tipkovnice bez zahtijevanja specifičnih vremenskih ograničenja.

2.1.2 Bez zamke tipkovnice (Razina A) — Ako se fokus tipkovnice može premjestiti na komponentu, fokus se može i odmaknuti koristeći samo tipkovnicu.

2.1.4 Prečice tipkovnim znakovima (Razina A) — Ako prečica tipkovnice koristi samo slova, interpunkciju, brojeve ili simbole, prečica se može isključiti, premapirati ili aktivirati samo kada odgovarajuća komponenta ima fokus.

Smjernica 2.2: Dovoljno vremena

2.2.1 Prilagodljivo vremensko ograničenje (Razina A) — Za svako vremensko ograničenje koje postavlja sadržaj, korisnik može isključiti, prilagoditi ili produžiti vremensko ograničenje.

2.2.2 Pauza, zaustavljanje, skrivanje (Razina A) — Za pokretni, trepereći, pomičući ili automatski ažurirajući sadržaj koji počinje automatski i traje duže od pet sekundi, korisnici ga mogu pauzirati, zaustaviti ili sakriti.

Smjernica 2.3: Napadaji i fizičke reakcije

2.3.1 Tri bljeska ili ispod praga (Razina A) — Ništa na stranici ne bljeska više od tri puta u bilo kojem jednosekundnom razdoblju.

Smjernica 2.4: Navigabilnost

2.4.1 Zaobilaženje blokova (Razina A) — Dostupan je mehanizam za zaobilaženje ponavljajućih blokova sadržaja, poput linkova za preskakanje navigacije.

2.4.2 Naslov stranice (Razina A) — Web stranice imaju naslove koji opisuju njihovu temu ili svrhu.

2.4.3 Redoslijed fokusa (Razina A) — Fokusabilne komponente primaju fokus u redoslijedu koji čuva značenje i operabilnost.

2.4.4 Svrha linka – u kontekstu (Razina A) — Svrha svakog linka može se odrediti iz teksta linka samog ili s njegovim kontekstom.

2.4.5 Više načina (Razina AA) — Dostupan je više od jednog načina za lociranje stranice unutar skupa stranica.

2.4.6 Naslovi i oznake (Razina AA) — Naslovi i oznake opisuju svoju temu ili svrhu.

2.4.7 Fokus vidljiv (Razina A) — Svako korisničko sučelje operabilno tipkovnicom ima vidljiv indikator fokusa.

2.4.11 Fokus nije zaklonjen – minimum (Razina AA) — Kada komponenta primi fokus tipkovnice, nije u potpunosti skrivena sadržajem koji je autor stvorio. (Novo u WCAG 2.2)

2.4.12 Fokus nije zaklonjen – poboljšano (Razina AAA) — Kada komponenta primi fokus tipkovnice, nijedan dio indikatora fokusa nije skriven sadržajem koji je autor stvorio. (Novo u WCAG 2.2)

2.4.13 Izgled fokusa (Razina AAA) — Indikatori fokusa imaju dovoljnu veličinu (najmanje obod od 2 piksela) i kontrast (najmanje 3:1 između fokusiranog i nefokusiranog stanja). (Novo u WCAG 2.2)

Smjernica 2.5: Modaliteti unosa

2.5.1 Geste pokazivačem (Razina A) — Sve funkcionalnosti koje koriste višetočkaste ili geste temeljene na putanji mogu se upravljati jednim pokazivačem bez geste temeljene na putanji.

2.5.2 Otkazivanje pokazivača (Razina A) — Za funkcionalnost jednog pokazivača, radnja se pokreće pri podizanju i može se prekinuti ili poništiti.

2.5.3 Oznaka u imenu (Razina A) — Za komponente s tekstualnim oznakama, pristupačno ime sadrži vizualno prikazani tekst.

2.5.4 Pokretanje pokretom (Razina A) — Funkcionalnost pokrenuta pokretom uređaja ili korisnika također se može upravljati putem komponente korisničkog sučelja, a pokretanje pokretom može se onemogućiti.

2.5.7 Pokreti povlačenja (Razina AA) — Sve funkcionalnosti koje koriste povlačenje također se mogu postići jednim pokazivačem bez povlačenja. (Novo u WCAG 2.2)

2.5.8 Veličina cilja – minimum (Razina AA) — Interaktivni ciljevi su najmanje 24 puta 24 CSS piksela, s iznimkama za inline ciljeve, ciljeve kontrolirane korisničkim agentom i dovoljno razmaknutih ciljeva. (Novo u WCAG 2.2)

Načelo 3: Razumljivo

Informacije i rad korisničkog sučelja moraju biti razumljivi.

Smjernica 3.1: Čitljivost

3.1.1 Jezik stranice (Razina A) — Zadani ljudski jezik svake web stranice može se programatski odrediti putem lang atributa.

3.1.2 Jezik dijelova (Razina AA) — Ljudski jezik svakog odlomka ili fraze može se programatski odrediti, osim za vlastita imena i tehničke termine.

Smjernica 3.2: Predvidljivost

3.2.1 Pri fokusu (Razina A) — Kada bilo koja komponenta primi fokus, ne pokreće promjenu konteksta.

3.2.2 Pri unosu (Razina A) — Promjena postavke komponente ne uzrokuje automatski promjenu konteksta osim ako je korisnik unaprijed obaviješten.

3.2.3 Dosljedna navigacija (Razina AA) — Navigacijski mehanizmi ponovljeni na više stranica pojavljuju se u istom relativnom redoslijedu svaki put.

3.2.6 Dosljedna pomoć (Razina A) — Ako se mehanizmi pomoći pojavljuju na više stranica, pojavljuju se u istom relativnom redoslijedu. (Novo u WCAG 2.2)

Smjernica 3.3: Pomoć pri unosu

3.3.1 Identifikacija pogreške (Razina A) — Ako se pogreška unosa automatski otkrije, stavka s pogreškom je identificirana i pogreška je opisana u tekstu.

3.3.2 Oznake ili upute (Razina A) — Oznake ili upute su pružene kada sadržaj zahtijeva korisnički unos.

3.3.3 Prijedlog za pogrešku (Razina AA) — Ako se otkrije pogreška unosa i prijedlozi su poznati, pruženi su korisniku.

3.3.4 Prevencija pogrešaka – pravne, financijske, podatkovne (Razina AA) — Za stranice koje uzrokuju pravne obveze, financijske transakcije ili izmjene podataka, slanja su reverzibilna, provjerena ili potvrdiva.

3.3.7 Višak unosa (Razina A) — Informacije prethodno unesene u istom procesu automatski se popunjavaju ili su dostupne za odabir. (Novo u WCAG 2.2)

3.3.8 Pristupačna autentifikacija – minimum (Razina AA) — Test kognitivne funkcije nije potreban za autentifikaciju osim ako su dostupne alternative ili mehanizmi pomoći. Testovi prepoznavanja objekata su dopušteni. (Novo u WCAG 2.2)

3.3.9 Pristupačna autentifikacija – poboljšano (Razina AAA) — Isto kao 3.3.8, ali bez iznimke za prepoznavanje objekata. (Novo u WCAG 2.2)

Načelo 4: Robusno

Sadržaj mora biti dovoljno robustan da ga pouzdano tumači širok raspon korisničkih agenata.

Smjernica 4.1: Kompatibilnost

4.1.2 Ime, uloga, vrijednost (Razina A) — Za sve komponente korisničkog sučelja, ime i uloga mogu se programatski odrediti, stanja i svojstva mogu se postaviti, a promjene su dostupne pomoćnim tehnologijama.

4.1.3 Statusne poruke (Razina AA) — Statusne poruke mogu se programatski odrediti putem uloge ili svojstava tako da ih pomoćne tehnologije prezentiraju korisniku bez primanja fokusa.

Napomena: SC 4.1.1 Parsiranje uklonjeno je iz WCAG 2.2 kao zastarjelo.

Kriteriji razine AAA (dodatni)

Sljedeći kriteriji razine AAA nisu navedeni gore, ali su dio WCAG 2.2. Predstavljaju najvišu razinu pristupačnosti i preporučuju se gdje je to izvedivo:

1.2.6 Znakovni jezik – unaprijed snimljeno (AAA) — Tumačenje znakovnog jezika pruženo je za sav unaprijed snimljeni audio sadržaj.

1.2.7 Prošireni audio opis (AAA) — Prošireni audio opisi pruženi su tamo gdje pauze u zvuku nisu dovoljne za redovne audio opise.

1.2.8 Medijska alternativa – unaprijed snimljeno (AAA) — Potpuna tekstualna alternativa pružena je za sav unaprijed snimljeni sinkronizirani medij i video-only sadržaj.

1.2.9 Samo audio – uživo (AAA) — Tekstualna alternativa pružena je za audio-only sadržaj uživo.

1.3.6 Identifikacija svrhe (AAA) — Svrha komponenti korisničkog sučelja, ikona i regija može se programatski odrediti.

1.4.6 Kontrast – poboljšano (AAA) — Tekst ima omjer kontrasta od najmanje 7:1 za normalni tekst i 4,5:1 za veliki tekst.

1.4.7 Niska ili nikakva pozadinska glazba (AAA) — Unaprijed snimljeni audio-only sadržaj koji sadrži prvenstveno govor ima nisku ili nikakvu pozadinsku buku.

1.4.8 Vizualna prezentacija (AAA) — Blokovi teksta nude vizualnu prilagodbu uključujući boje prvog plana/pozadine, širinu, razmak redaka i poravnanje.

1.4.9 Slike teksta – bez iznimke (AAA) — Slike teksta koriste se samo za čistu dekoraciju ili kada su ključne.

2.1.3 Tipkovnica – bez iznimke (AAA) — Sve funkcionalnosti su operabilne putem tipkovnice bez iznimaka.

2.2.3 Bez vremenskog ograničenja (AAA) — Vremensko ograničenje nije ključni dio događaja ili aktivnosti, osim za medije u stvarnom vremenu i sinkronizirane medije.

2.2.4 Prekidi (AAA) — Prekidi se mogu odgoditi ili potisnuti od strane korisnika.

2.2.5 Ponovna autentifikacija (AAA) — Kada autentificirana sesija istekne, korisnik može nastaviti nakon ponovne autentifikacije bez gubitka podataka.

2.2.6 Isteci vremena (AAA) — Korisnici su upozoreni na isteke vremena neaktivnosti koji bi mogli uzrokovati gubitak podataka osim ako su podaci čuvani najmanje 20 sati.

2.3.2 Tri bljeska (AAA) — Ništa na stranici ne bljeska više od tri puta u sekundi, bez iznimaka.

2.3.3 Animacija iz interakcija (AAA) — Animacija pokreta pokrenuta interakcijom može se onemogućiti osim ako je ključna.

2.4.8 Lokacija (AAA) — Informacije o lokaciji korisnika unutar skupa stranica su dostupne (npr. breadcrumbs).

2.4.9 Svrha linka – samo link (AAA) — Svrha svakog linka može se odrediti samo iz teksta linka.

2.4.10 Naslovi sekcija (AAA) — Naslovi sekcija koriste se za organizaciju sadržaja.

2.5.5 Veličina cilja – poboljšano (AAA) — Interaktivni ciljevi su najmanje 44 puta 44 CSS piksela.

2.5.6 Istovremeni modaliteti unosa (AAA) — Sadržaj ne ograničava korištenje modaliteta unosa dostupnih na platformi.

3.1.3 Neuobičajene riječi (AAA) — Dostupan je mehanizam za identificiranje specifičnih definicija riječi ili fraza korištenih na neuobičajen način.

3.1.4 Kratice (AAA) — Dostupan je mehanizam za identificiranje proširenog oblika kratica.

3.1.5 Razina čitanja (AAA) — Kada tekst zahtijeva napredniju sposobnost čitanja od razine nižeg srednjeg obrazovanja, dostupan je dopunski sadržaj ili alternativna verzija.

3.1.6 Izgovor (AAA) — Dostupan je mehanizam za identificiranje izgovora riječi čije je značenje dvosmisleno bez izgovora.

3.2.4 Dosljedna identifikacija (AA) — Komponente s istom funkcionalnošću unutar skupa stranica dosljedno su identificirane.

3.2.5 Promjena na zahtjev (AAA) — Promjene konteksta pokreću se samo na zahtjev korisnika ili je dostupan mehanizam za isključivanje takvih promjena.

3.3.5 Pomoć (AAA) — Dostupna je kontekstualno osjetljiva pomoć.

3.3.6 Prevencija pogrešaka – sve (AAA) — Za sve stranice koje zahtijevaju korisnički unos, slanja su reverzibilna, provjerena ili potvrdiva.