Što je novo u WCAG 2.2? Devet novih kriterija jednostavnim jezikom

Osoba koja se služi tipkovnicom prolazi tipkom Tab kroz vašu naplatu. Fokus dolazi na gumb „Plati sada“, ali preko njega stoji fiksni banner o kolačićima, pa ta osoba ne vidi gdje se nalazi. Prema WCAG 2.1 ta je stranica još mogla proći. Prema WCAG 2.2 ne prolazi.

Upravo takve rupe zatvara verzija 2.2. U nastavku je svaki novi kriterij uspješnosti obrađen na isti način: što kaže, kome pomaže, brza provjera i uobičajeno rješenje. Četiri načela i razine na jednom mjestu naći ćete u našem pregledu WCAG 2.2.

Što je WCAG 2.2?

WCAG 2.2 aktualna je verzija Smjernica za pristupačnost web-sadržaja (Web Content Accessibility Guidelines), norme W3C-a na koju upućuje većina zakona i ugovora o pristupačnosti. Preporukom W3C-a postala je 5. listopada 2023. (otvara se u novoj kartici), ažurirana je 12. prosinca 2024. (otvara se u novoj kartici), a u listopadu 2025. odobrena je kao ISO/IEC 40500:2025 (otvara se u novoj kartici).

WCAG se sastoji od provjerljivih tvrdnji koje se zovu kriteriji uspješnosti, a svaka ima svoju razinu: A (minimum), AA (ono što zakoni obično traže) ili AAA (najstrože). „Treba nam WCAG 2.2 AA“ znači sve kriterije razina A i AA u verziji 2.2. Prema specifikaciji, verzija 2.2 „nadograđuje WCAG 2.1 i s njom je unatrag kompatibilna“, dakle dopunjuje 2.1, a ne zamjenjuje je.

Što se promijenilo od WCAG 2.1 do 2.2?

WCAG 2.2 dodaje devet kriterija uspješnosti i uklanja jedan. Šest novih je na razini A ili AA, pa ulaze u uobičajeni cilj AA: 2.4.11, 2.5.7, 2.5.8, 3.2.6, 3.3.7 i 3.3.8. Preostala tri su AAA. Uklonjeni kriterij je 4.1.1 Raščlanjivanje (Parsing), koji W3C danas opisuje kao zastario. Službenog prijevoda WCAG-a 2.2 na hrvatski nema, pa u tablici uz naš prijevod navodimo i izvorni naziv kriterija.

Kriterij 4.1.1 provjeravao je pogreške u HTML kodu, primjerice dvostruke ID-ove. Česta pitanja o WCAG-u 2 (otvara se u novoj kartici) objašnjavaju da su ti problemi sada obuhvaćeni drugim kriterijima, primjerice 4.1.2 Naziv, uloga, vrijednost. Jedna kvaka: ako ugovor i dalje traži WCAG 2.0 ili 2.1, možda ćete „morati nastaviti testirati i izvještavati o 4.1.1“.

Nezaklonjen fokus i izgled fokusa: vide li korisnici tipkovnice gdje se nalaze?

Ovi kriteriji čuvaju vidljivost elementa u fokusu tipkovnice. Na razini AA (2.4.11) poveznica ili gumb u fokusu ne smiju biti potpuno skriveni sadržajem koji ste sami dodali, primjerice fiksnim zaglavljem, bannerom o kolačićima ili oblačićem za chat. Na razini AAA ništa ne smije prekrivati nijedan njihov dio (2.4.12), a obrub fokusa mora biti velik i jasno kontrastan (2.4.13).

• Kome pomaže: ljudima koji vide, a služe se tipkovnicom umjesto mišem, često zbog motoričkog invaliditeta. Ako ne vide fokus, nagađaju.
• Brza provjera: otvorite dugu stranicu na kojoj su istodobno prikazani banner o kolačićima, fiksno zaglavlje i chat, pa više puta pritisnite Tab. Ako fokus potpuno nestane iza nečega, to je povreda kriterija 2.4.11.
• Uobičajeno rješenje: u CSS-u dodajte odmak pri pomicanju (scroll padding) jednak visini fiksnog zaglavlja ili podnožja, kako bi preglednik elemente u fokusu pomaknuo izvan njega. W3C to navodi kao dovoljnu tehniku (otvara se u novoj kartici). Banner može proći i ako je modalan i mora se najprije zatvoriti.

Izgled fokusa (2.4.13) traži pokazatelj barem jednako velik kao obrub debljine 2 CSS piksela oko komponente, uz kontrast od najmanje 3:1 između stanja u fokusu i izvan fokusa. Kriterij je AAA, ali puni obrub od 2 piksela u jakoj boji obično je dovoljan. Naš vodič za kontrast boja objašnjava kako izmjeriti 3:1.

Povlačenje i veličina ciljeva: može li se vaša web-stranica koristiti bez preciznog pokazivanja?

Ta dva kriterija razine AA pomažu ljudima kojima je teško precizno upravljati pokazivačem. Kriterij 2.5.7 kaže da sve što se može napraviti povlačenjem mora raditi i pojedinačnim klikovima ili dodirima. Kriterij 2.5.8 kaže da ciljevi moraju biti najmanje 24 sa 24 CSS piksela ili razmaknuti tako da krug promjera 24 piksela sa središtem na svakom od njih ne dodiruje drugi cilj.

2.5.7 Pokreti povlačenja

Zamislite klizač za raspon cijena u filtrima trgovine ili popis želja koji se preslaguje povlačenjem. Osobi s tremorom ili nekome tko koristi pokazivač kojim upravlja glavom slijed „pritisni, drži, pomakni, otpusti“ može biti vrlo težak.

Brza provjera: svaki zadatak povlačenja dovršite samo klikovima ili dodirima. Uobičajeno rješenje: dopustite klik bilo gdje na stazi klizača, uz njega dodajte polja „min.“ i „maks.“ ili popisima koji se mogu preslagivati dodajte gumbe „Pomakni gore“ i „Pomakni dolje“. Sama podrška za tipkovnicu nije dovoljna: W3C-ov dokument s objašnjenjima (otvara se u novoj kartici) kaže da ekvivalent za tipkovnicu „ne ispunjava automatski ovaj kriterij uspješnosti“.

2.5.8 Veličina cilja (minimum)

Uobičajeni propusti su mali gumbi „ד na skočnim prozorima, gusto složeni brojevi stranica, zvjezdice za ocjenu i nizovi ikona društvenih mreža. Promašen dodir svakoga živcira, a ljudima sa slabijom spretnošću ruku pravi je zapreka.

• Iznimke: poveznice unutar rečenice, ciljevi za koje na stranici postoji jednakovrijedan element dovoljne veličine, elementi čiju veličinu određuje preglednik, a niste ih restilizirali, te slučajevi u kojima je određena veličina nužna ili zakonski propisana.
• Brza provjera: na mobitelu isprobajte svaku malu ikonu i gumb; da biste neki izmjerili, pregledajte ga u alatima za razvojne programere u pregledniku.
• Uobičajeno rješenje: dodajte unutarnji razmak (padding). Površina za klik raste iako ikona izgleda jednako. I 24 piksela smatrajte donjom granicom: stariji kriterij 2.5.5 razine AAA traži 44 sa 44.

Dosljedna pomoć i suvišan unos: tjerate li ljude da traže ili se ponavljaju?

Oba kriterija su razine A. 3.2.6 Dosljedna pomoć kaže da pomoć, primjerice podaci za kontakt, chat ili poveznica na česta pitanja, ako se pojavljuje na više stranica, svaki put mora stajati u istom redoslijedu u odnosu na ostatak stranice. 3.3.7 Suvišan unos kaže da ljudi ne bi trebali ponovno upisivati podatke koje su već dali u istom postupku.

Dosljedna pomoć ne obvezuje vas da uopće nudite pomoć. Kaže samo da se broj telefona koji na stranicama proizvoda stoji u zaglavlju ne bi smio u naplati, gdje je ljudima najpotrebniji, preseliti u podnožje. Najviše koristi imaju osobe s teškoćama pamćenja ili pažnje. Rješenje je obično zajednički predložak, a ne postavljanje pomoći stranicu po stranicu.

Suvišan unos tiče se obrazaca u više koraka. Obrazac za rezervaciju koji traži vašu e-adresu u 1. koraku i ponovno u 3. koraku ne prolazi, kao ni naplata koja vas tjera da ponovno upišete istu adresu za račun. Ispunite polje automatski ili ga ponudite za odabir, primjerice potvrdnim okvirom „Adresa za račun ista je kao adresa za dostavu“. Iznimke: ponovni unos je nužan, potreban je radi sigurnosti ili raniji podaci više nisu valjani.

Pristupačna autentifikacija: mogu li se ljudi prijaviti bez testa pamćenja?

Kriterij uspješnosti 3.3.8 (razina AA) kaže da se nijedan korak prijave ne smije oslanjati na test kognitivnih funkcija, primjerice pamćenje lozinke, prepisivanje izobličenih znakova ili rješavanje zagonetke, osim ako ne nudite alternativu ili nešto što pomaže. U praksi: dopustite upraviteljima lozinki da ispune polja, dopustite lijepljenje i ponudite način prijave koji ne ovisi o pamćenju.

WCAG test kognitivnih funkcija definira kao „zadatak koji od korisnika traži da zapamti, obradi ili prepiše informacije“. Upisivanje imena, e-adrese ili broja telefona ne računa se jer su to osobni podaci, posvuda isti. Korak prijave prolazi na razini AA ako nudi barem jedno od sljedećeg:

• Alternativu bez kognitivnog testa, primjerice pristupni ključ (passkey) ili poveznicu poslanu e-poštom.
• Mehanizam koji pomaže, primjerice podršku za upravitelje lozinki ili kopiranje i lijepljenje kako se jednokratni kod ne bi morao prepisivati.
• Prepoznavanje objekata, primjerice „odaberite slike s biciklom“.
• Osobni sadržaj, primjerice prepoznavanje slike koju ste sami prenijeli.

Verzija AAA, 3.3.9, izbacuje posljednje dvije mogućnosti, pa CAPTCHA sa slikama može proći na razini AA, ali ne i na AAA. Tipični propusti: polja za lozinku koja blokiraju lijepljenje ili upravitelje lozinki, polja za jednokratni kod koja se pokvare kad zalijepite kod i tekstualna CAPTCHA bez alternative. Najviše dobivaju osobe s disleksijom ili oštećenjem pamćenja, ali problem će prepoznati svatko tko je nakon dugog dana ostao bez pristupa svojem računu.

Je li WCAG 2.2 zakonska obveza?

Ovisi o tome gdje ste i tko ste. Zakoni rijetko izravno navode verziju WCAG-a, a neki i dalje upućuju na WCAG 2.1 AA. Budući da je WCAG 2.2 unatrag kompatibilan, ispunjavanje 2.2 AA znači i ispunjavanje 2.1 AA, osim uklonjenog 4.1.1. Cilj 2.2 pokriva oboje. Ako ugovor navodi verziju, slijedite ugovor.

• Europska unija: prema Europskom aktu o pristupačnosti sukladnost se pretpostavlja kad ispunjavate usklađenu normu EN 301 549. Prema AccessibleEU-u (otvara se u novoj kartici), verzija 4.1.1, objavljena u rujnu 2026., preuzima WCAG 2.2, ali još nije pravno referentna; dok ne bude navedena u Službenom listu, primjenjuje se v3.2.1 (temeljena na WCAG 2.1 AA). Naš vodič kroz Europski akt o pristupačnosti objašnjava na koga se akt odnosi.
• Ujedinjena Kraljevina: vladine smjernice (otvara se u novoj kartici) navode da web-stranice i aplikacije javnog sektora moraju ispunjavati WCAG 2.2 AA. Te se smjernice odnose na javna tijela, a ne na privatna poduzeća.
• Sjedinjene Američke Države: pravilo Ministarstva pravosuđa za savezne države i lokalne vlasti koristi WCAG 2.1 AA, a rokovi za usklađivanje pomaknuti su u travnju 2026. (otvara se u novoj kartici) na 26. travnja 2027. i 26. travnja 2028. Za privatna poduzeća smjernice ministarstva iz 2022. (otvara se u novoj kartici) navode da se ADA primjenjuje na njihove web-stranice, ali ne propisuju određenu tehničku normu.

A što je s WCAG-om 3?

WCAG 3 je nacrt, pa s njim zasad nitko ne može biti usklađen. W3C je ažurirane nacrte objavio u rujnu 2026. i navodi da se ne očekuje da WCAG 3 postane dovršena norma „još nekoliko godina“. WCAG 2 neće biti proglašen zastarjelim još nekoliko godina nakon toga, pa je 2.2 verzija prema kojoj treba raditi sada.

Kako provjeriti nove kriterije u 15 minuta?

Većinu propusta šest kriterija razina A i AA možete uočiti za otprilike 15 minuta, uz tipkovnicu, mobitel i vlastitu stranicu za prijavu. To neće zamijeniti potpunu reviziju ni testiranje s osobama s invaliditetom, ali pokazat će vam odakle početi i razvojnom programeru dati konkretan popis za rad.

1. Prođite tipkom Tab kroz početnu stranicu, stranicu proizvoda i naplatu dok su svi banneri prikazani. Vidite li uvijek fokus? (2.4.11)
2. Svaki klizač i zadatak povlačenja i ispuštanja dovršite samo klikovima ili dodirima. (2.5.7)
3. Na mobitelu isprobajte svaki gumb za zatvaranje, broj stranice i malu ikonu. (2.5.8)
4. Usporedite gdje se pomoć i podaci za kontakt pojavljuju na tri vrste stranica. (3.2.6)
5. Prođite kroz kupnju ili rezervaciju i zabilježite svako pitanje na koje odgovarate dvaput. (3.3.7)
6. Prijavite se pomoću upravitelja lozinki, a zatim zalijepite lozinku i jednokratni kod. Ima li svaka CAPTCHA alternativu? (3.3.8)

Za ostatak WCAG-a naš vodič kako testirati pristupačnost web-stranice opisuje besplatne alate i ručne provjere, a kontrolni popis za pristupačnost web-stranice pretvara najčešće propuste u popis zadataka. Sve što još ne možete popraviti pripada u vašu izjavu o pristupačnosti.

Napomena o widgetima, uključujući naš: nijedan od ovih kriterija ne može se ispuniti panelom koji otvara posjetitelj. Veliki pokazivač olakšava ciljanje malih ciljeva, ali ih ne čini širokima 24 piksela, a isticanje fokusa ne miče fiksni banner s puta. Svaki novi kriterij tiče se načina na koji su vaše stranice izrađene, pa je rješenje u predlošcima i kodu.