WCAG 2.2 kontrolna lista: objašnjenje, značaj i pristupačnost

Američki sudovi i regulatori često navode WCAG kao referentni standard pri proceni digitalne pristupačnosti, iako nije izričito ugrađen u ADA zakon.

Mogli biste pomisliti da su u 2026. svi sajtovi usklađeni sa standardima, sposobni da izdrže proveru korisnika, regulatora i pretraživača, ali stvarnost je daleko složenija. Kako bismo vam pomogli da razumete osnove usklađenosti s pravilima pristupačnosti, sastavili smo ovu WCAG 2.2 kontrolnu listu i pregled ključnih pravnih i tehničkih aspekata koji osvetljavaju današnji značaj usklađenosti s WCAG 2.2.

Pristupačnost u digitalnom svetu

Pristupačnost sajta jednostavno znači osigurati da svaki korisnik koji dođe na vaš sajt može zaista da ga koristi, bez obzira na svoje sposobnosti. To obuhvata sve one koji koriste čitače ekrana, snalaze se uz pomoć tastature, glasovnih komandi, imaju probleme s vidom ili koriste druge pomoćne uređaje.

Pristupačnost znači da su sadržaj, struktura i funkcionalnost vašeg sajta osmišljeni tako da svakome omogućavaju ispravno tumačenje. Danas pristupačnost prevazilazi puku inkluzivnost i postaje višeslojna digitalna vrednost:

• Pravna usklađenost: Vladini sajtovi, kao i visokorizični komercijalni sajtovi poput platformi za e-trgovinu i bankarstvo, moraju pratiti najnovije smernice kako bi izbegli pravne probleme.
• Bolje korisničko iskustvo: Pristupačnost direktno utiče na korisničko iskustvo. Funkcionalnosti poput čistog kontrasta, većih dugmadi, jasne strukture sadržaja i metapodataka unapređuju iskustvo za sve korisnike, ne samo za one koji koriste pomoćne tehnologije.
• SEO: Pretraživači daju prednost mnogim praksama koje smernice pristupačnosti promovišu, što može doprineti boljim pozicijama u rezultatima pretrage.
• Širi doseg: Samo u Srbiji 5,5% ljudi ima neki oblik invaliditeta, od čega preko 80 hiljada osoba ima probleme sa vidom. Pristupačan sajt svima njima omogućava da ga koriste, čime se proširuje vaša publika.
• Reputacija brenda: Brend koji svima omogućava posetu svom sajtu pokazuje posvećenost korisnicima. Osim što gradite imidž inkluzivnog brenda, možete ostvariti i dublje odnose s kupcima.

Pravni značaj za vlasnike sajtova

Iako ADA nikada izričito ne pominje WCAG standarde pristupačnosti, u SAD-u su zahtevi pristupačnosti za vladine sajtove primarno definisani Članom 508, koji uključuje zahteve WCAG 2.0 nivoa A i AA, mada su mnoge organizacije u praksi usvojile WCAG 2.1 ili viši standard. Evropski zakon o pristupačnosti (EAA) usklađen je sa sličnim standardima, poput EN 301 549, koji se razvijaju u pravcu zahteva WCAG 2.2.

Na primer, EAA se primenjuje na širok spektar organizacija, kako unutar, tako i van Evropske unije (ako posluju s građanima EU ili im prodaju). Odnosi se na sledeće delatnosti:

• Finansije i bankarstvo: aplikacije za online bankarstvo, pružaoci finansijskih usluga
• Saobraćaj: sajtovi i aplikacije avio, autobuskih i železničkih prevoznika
• Maloprodaja i e-trgovina: onlajn tržišta, prodavnice, aplikacije okrenute potrošačima
• E-knjige: namenska softverska rešenja i platforme za e-knjige
• Mediji: servisi za strimovanje, servisi na zahtev i sl.
• Telekomunikacije: aplikacije za razmenu poruka, internet provajderi i sl.
• B2B i B2G: kompanije koje prodaju tehnologiju ili softver vladi ili privatnom sektoru

Usklađenost s WCAG 2.2: razumevanje POUR principa

WCAG definiše da sadržaj na vašem sajtu treba da sledi POUR princip, što znači da korisnicima treba pružiti alternative za razumevanje, interakciju i identifikaciju sadržaja, kao i sredstva za upravljanje elementima na sajtu.

U tom smislu, POUR princip možemo razložiti na sledeći način:

Uočljivo (Perceivable)

Treba da obezbedite alternative za sadržaj koji nije tekst: video, slike ili zvuk. To mogu biti titlovi za zvučni materijal koji pomažu boljem razumevanju video sadržaja.

Isto tako, treba da ponudite različite varijante sadržaja (poput jednostavnijeg prikaza) bez promene strukture ili gubitka ključnih informacija. Između teksta i pozadine mora postojati dovoljan kontrast, a boju ne treba koristiti kao jedino sredstvo prenošenja važnih informacija (npr. „pratite plave oznake na stranici“).

Upravljivo (Operable)

Sve funkcionalnosti stranice treba da budu dostupne putem tastature, a sajt ne sme koristiti dizajnerska rešenja koja mogu izazvati epileptičke napade (poput treperenja ili bljeskova). Navigacija treba da bude intuitivna i da nudi različite načine pronalaženja sadržaja koji korisnici traže.

Kada je reč o navigaciji, svaka stranica i svaki sadržajni deo treba da imaju odgovarajuće naslove koji opisuju namenu ili temu stranice, odnosno članka. Na kraju, sajt treba da podržava više načina unosa – tastaturu, dodir i pomoćne tehnologije.

Razumljivo (Understandable)

Sadržaj treba da bude jasan i lak za čitanje. Ako postoje interaktivne funkcionalnosti (unos lozinke ili drugih podataka), korisnicima treba ostaviti prostor da izbegnu greške i mogućnost da ih isprave.

Sve web stranice treba da budu intuitivne i da se ponašaju na predvidljiv način.

Robustno (Robust)

Sajt treba da u potpunosti podržava sve pomoćne tehnologije, a potrebno je i sprovoditi redovno testiranje pristupačnosti radi osiguranja kompatibilnosti s pomenutim tehnologijama. Kod treba da bude jasan i ispravan kako bi pomoćni uređaji mogli precizno da obrade sadržaj.

Šta je novo u WCAG 2.2 u poređenju s 2.1?

WCAG 2.2 objavljen je u oktobru 2023. godine. To je najnovije ažuriranje konzorcijuma W3C koje nadograđuje prethodnu verziju 2.1. Ažuriranje se više usredsređuje na pružanje boljeg okvira pristupačnosti osobama s teškoćama u učenju, kognitivnim, motoričkim i vizuelnim poteškoćama. Cilj je i rešavanje specifičnih pitanja mobilne pristupačnosti, s obzirom na to da korisnici digitalnom sadržaju pristupaju s više uređaja.

Prelazak s WCAG 2.1 na WCAG 2.2 AA nosi veliku vrednost. Osim daljeg unapređivanja pristupačnosti za mobilne korisnike, pomaže vam i da idete u korak s propisima koji se menjaju (pogledajte standarde EAA koji se prostiru na više delatnosti).

Konkretnije, WCAG 2.1 se takođe bavio unapređenjem pristupačnosti za osobe sa slabim vidom, ali WCAG 2.2 dodaje više smernica i preciznih zahteva, poput minimalnih zahteva vidljivosti i zabrane da fokusirani elementi budu skriveni drugim sadržajem. Pristupačni dodiri ekrana takođe imaju formalnije zahteve, s malim nijansama koje prave veliku razliku (npr. dodirivanje klizača za jačinu zvuka umesto prevlačenja, kako bi se izbeglo klizanje prsta).

Razumevanje nivoa A, AA i AAA u smernicama WCAG 2.2

Verzija 2.2 uvodi devet novih kriterijuma uspešnosti. Svako ažuriranje od WCAG 1.0 do 2.2 nadograđuje prethodna. To znači da je WCAG 2.1 imao 78 kriterijuma uspešnosti, a najnovije ažuriranje ih ima 86 – dodaje devet novih i uklanja jedan zastareli kriterijum parsiranja iz prethodnih 78.

Takođe, kao i u prethodnim verzijama, smernice WCAG 2.2 dele kriterijume uspešnosti na tri proverljiva nivoa: A, AA i AAA. Prvi nivo (A) predstavlja minimalni nivo usklađenosti, dok trostruki A odgovara najvišim standardima. Nivoi su unazad kompatibilni, što znači da usklađenost s nivoom AA automatski ispunjava i zahteve nivoa A.

Koji nivo usklađenosti bi bio optimalan? Većina najvažnijih propisa o pristupačnosti, poput Člana 508 Zakona o rehabilitaciji iz 1973. u SAD-u i EN 301 549 u Evropi, zahteva najmanje nivo AA. Dostizanje najvišeg nivoa usklađenosti može biti cilj kome stremite, ali trenutno ga zakon ne nalaže.

Nivo AA je globalno prihvaćeni standard pristupačnosti.

Zašto voditi računa o usklađenosti s WCAG 2.2?

Čak i ako vaša delatnost ili sajt ne spadaju u kategorije gde je usklađenost s WCAG 2.2 obavezna, usklađenost s WCAG AA pametna je digitalna investicija.

Ispunjavanjem devet dodatih kriterijuma uspešnosti, vaš sajt (i brend i poslovanje) bolje će služiti sadašnjim i budućim korisnicima, kao i korisnicima sa širim spektrom poteškoća. S druge strane, usklađenost s WCAG AA jednostavno pokazuje da je vaš brend u toku s najboljim digitalnim praksama i ističe vašu posvećenost tome da web bude pristupačan svima.

Poštovanje ovih standarda otvara i globalne prilike. Britanski javni sektor uveo ih je 2024. godine. Evropski zakon o pristupačnosti usklađen je sa standardima poput EN 301 549, koji se razvijaju ka uključivanju zahteva WCAG 2.2. Dakle, čak i ako niste u obavezi, ispunjavanje kriterijuma danas znači da ćete biti korak ispred sutra kada se propisi promene.

Novi kriterijumi uspešnosti WCAG 2.2 (šta je dodato u verziji 2.2)

Kao što je pomenuto, WCAG 2.2 uvodi devet novih kriterijuma uspešnosti koji popunjavaju praznine u pristupačnosti u okviru POUR principa. Ovi kriterijumi obuhvataju nivoe A, AA i AAA i nadograđuju prethodne verzije.

U nastavku sledi prikaz svih devet novih kriterijuma:

• Fokus nije zaklonjen (minimum): 2.4.11 (Nivo AA)

Fokusirani elementi ne smeju biti potpuno skriveni drugim sadržajem pri navigaciji tastaturom. Time se osigurava da korisnici uvek mogu da identifikuju svoju trenutnu poziciju na stranici.

• Fokus nije zaklonjen (poboljšano): 2.4.12 (Nivo AAA)

Stroža varijanta prethodnog kriterijuma: fokusirani elementi ne smeju biti ni delimično zaklonjeni.

• Izgled fokusa: 2.4.13 (Nivo AAA)

Indikatori fokusa moraju ispunjavati posebne zahteve vidljivosti, čineći ih lakšim za prepoznavanje korisnicima sa slabim vidom ili onima koji koriste tastaturu za navigaciju.

• Pokreti prevlačenja: 2.5.7 (Nivo AA)

Sve funkcionalnosti koje koriste prevlačenje moraju biti izvodljive i jednim dodirom (npr. tapkanjem), čineći interakcije pristupačnijim za korisnike s motoričkim poteškoćama.

• Ciljna veličina (minimum): 2.5.8 (Nivo AA)

Interaktivni elementi moraju biti najmanje 24×24 CSS piksela ili imati dovoljno razmaka kako bi se sprečilo slučajno aktiviranje.

• Dosledna pomoć: 3.2.6 (Nivo A)

Mehanizmi pomoći (poput kontakt stranica, četova ili linkova za podršku) moraju se nalaziti na doslednoj lokaciji na svim stranicama.

• Višestruki unos podataka: 3.3.7 (Nivo A)

Od korisnika se ne sme tražiti da ponovo unose iste informacije u okviru jednog procesa ako su ih već jednom uneli.

• Pristupačna autentifikacija (minimum): 3.3.8 (Nivo AA)

Autentifikacija ne bi trebalo da zavisi isključivo od zadataka koji se oslanjaju na pamćenje. Moraju biti podržane alternative ili pomoć (npr. menadžeri lozinki).

• Pristupačna autentifikacija (poboljšano): 3.3.9 (Nivo AAA)

Autentifikacija ne sme zahtevati kognitivne testove osim ako nije ponuđena alternativa.

Praktična WCAG 2.2 AA kontrolna lista (dizajn, razvoj i testiranje)

Ova kontrolna lista prevodi zahteve WCAG 2.2 nivoa AA u konkretne zadatke za dizajnere, developere i timove za osiguranje kvaliteta. Dok WCAG definiše šta treba postići, stavke u nastavku usredsređuju se na to kako implementirati i proveriti pristupačnost u stvarnim radnim tokovima.

Dizajn — vizuelni i interakcijski temelji

• Održavajte odnose kontrasta (4,5:1 za tekst tela, 3:1 za veliki tekst i UI komponente)
• Ne oslanjajte se samo na boju za prenošenje informacija
• Osigurajte vidljiva i visokokontrastna stanja fokusa
• Koristite čitljivu tipografiju (skalabilnu do 200%, s odgovarajućim proredom i razmacima)
• Osigurajte da se rasporedi pravilno prilagođavaju na širini od 320px
• Dizajnirajte sva stanja interakcije (podrazumevano, prelaz mišem, fokus, aktivno, onemogućeno)
• Održavajte minimalnu ciljnu veličinu od 24×24 CSS piksela (preporučuje se 44×44)
• Izbegavajte automatsko puštanje medija sa zvukom i poštujte korisničke preferencije za smanjenje animacija

Razvoj — struktura i podrška za pristupačnost

• Koristite semantički HTML pre ARIA atributa
• Osigurajte potpuno upravljanje tastaturom (bez zamki, logičan redosled tabova, preskakanje linkova)
• Obezbedite pristupačne nazive za sve interaktivne elemente
• Pravilno povežite oznake s poljima za unos
• Podržite automatsko popunjavanje i smanjite višestruke unose podataka
• Uključite titlove, transkripte i audio opise za medijski sadržaj
• Upravljajte fokusom i obaveštenjima u dinamičnom sadržaju (jednostranične aplikacije)
• Osigurajte pravilnu strukturu naslova (H1–H6) radi lakše navigacije čitačima ekrana

Testiranje — provera i usklađenost

• Koristite automatizovane alate (axe, WAVE, Lighthouse) za početne provere (pokrivenost ~30%)
• Sprovodite ručno testiranje tastaturom i čitačima ekrana
• Testirajte uvećanje (200%) i prilagođavanje (320px širine)
• Uključite testiranje s korisnicima s invaliditetom kada je to moguće
• Dokumentujte nalaze uz pomoć VPAT izveštaja ili odgovarajućih alternativa
• Razvrstajte ispravke prema ozbiljnosti i uticaju

Prednosti usvajanja WCAG 2.2 AA

Primena ovih smernica donosi niz potencijalnih prednosti vašem sajtu i poslovanju. Kada je sadržaju lakše pristupiti, možete ojačati odnos s kupcima i unaprediti reputaciju inkluzivnog brenda. Ispunjavanje ovih standarda pomaže i u izbegavanju pravnih problema vezanih za usklađenost s pravilima pristupačnosti.

S druge strane, vođenje pristupačnijih sajtova sjajna je poslovna prilika. Prema dostupnim podacima, kompanije bi poboljšanjem pristupačnosti mogle otvoriti globalnu tržišnu priliku vrednu 13 biliona dolara. Pristupačni sajtovi lakši su za upravljanje svim korisnicima, što znači da je veća verovatnoća da će s njima stupati u interakciju i redovno im se vraćati. Odlično korisničko iskustvo ključno je za izgradnju snažnog online prisustva, a pristupačne platforme ostvaruju i bolje rezultate u pretraživačima.

Ipak, ne treba zaboraviti da prelazak na WCAG 2.2 smernice ne eliminiše osnovne zahteve. Odgovarajući alt tekstovi, titlovi, kontrast boja, struktura naslova i linkovi za preskakanje sadržaja i dalje su obavezni. Kao što smo pomenuli, novo ažuriranje nadograđuje se na temelj prethodnih.

Testiranje pristupačnosti i česti problemi

Jedno je implementirati funkcionalnosti pristupačnosti, a sasvim drugo osigurati da one ispravno rade. Mnogi vlasnici sajtova i developeri oslanjaju se na alate za proveru pristupačnosti, ali oni u proseku otkrivaju svega 25% problema. Drugi izvori navode nešto više procente, između 30% i 50%, ali to je i dalje samo polovina problema u hipotetičkom scenariju.

Još jedan problem koji se može javiti pri automatizovanom testiranju je pojava lažnih pozitivnih i negativnih rezultata, tj. označavanje nepostojećih problema i previđanje stvarnih.

Sveobuhvatno testiranje pristupačnosti i dalje treba da uključuje ručnu procenu uz pomoć tastatura, čitača ekrana i ljudskog osvrta. Svakako, ne tvrdimo da je automatizovano testiranje beskorisno: ono može uočiti mnoge potencijalne probleme, ali nije dovoljno sveobuhvatno. Zbog toga kombinovanje oba pristupa daje najbolje rezultate: temeljnost, preciznost i efikasnost.

Najčešća kršenja WCAG pristupačnosti

Do sada ste mogli steći utisak da su sajtovi koji se smatraju pristupačnim besprekorni u tom pogledu. Realno stanje je da i dalje postoji mnoštvo različitih problema, iako su WCAG 2.2 smernice dostupne od 2023. Na milion početnih stranica, stručnjaci su pronašli ukupno 56.114.377 zasebnih grešaka u pristupačnosti, što iznosi 56,1 grešaka po stranici.

Najčešće greške bile su tekst s niskim kontrastom u 83,9% slučajeva, zatim izostanak alt teksta za slike (53,1%) i izostanak oznake polja za unos podataka u obrascima (51%). Prazni linkovi zauzeli su četvrto mesto (46,3%), zatim prazna dugmad (30,6%) i nedostatak jezika dokumenta s 13,5%.

Iako inkluzivnost i pristupačnost postaju sve važniji faktori korisničkog iskustva i rangiranja, neki od najčešćih problema ostaju ustaljeni tokom godina.

Preuzeto s: https://webaim.org/projects/million/

Problemi po delatnostima

Kao što se vidi, šest glavnih problema izaziva najviše poteškoća. Ali koliko su rasprostranjeni u pojedinim delatnostima?

Vladini sajtovi u SAD-u

Na primer, u SAD-u, sajtovi koji podležu zahtevima Člana 508 nude bolju opštu pristupačnost u poređenju s komercijalnim platformama. Konkretnije, vladini sajtovi u proseku imaju otprilike upola manje automatski uočljivih grešaka nego privatni sajtovi.

Ovaj trend može se tumačiti kao direktna posledica strožih zakonskih obaveza i kontinuiranih napora ka usklađenosti. I mada ovi sajtovi još uvek nisu u potpunosti pristupačni, demonstriraju volju da se problemi reše.

Jaz između komercijalnih i vladinih sajtova govori nam i da zakonske obaveze deluju, te da komercijalni subjekti koji se suočavaju sa sličnim zahtevima pristupačnosti mogu očekivati poboljšane rezultate ako promene budu uspešno sprovedene.

Finansije beleže najbolje rezultate u usklađenosti s WCAG 2.2, dok maloprodaja prednjači po broju tužbi

Kada je reč o komercijalnim platformama, sajtovi finansijskih usluga imaju najbolje prosečne rezultate – otprilike 34% manje grešaka u pristupačnosti od većine. To nije iznenađujuće, jer su bankarski i finansijski subjekti oduvek bili izloženi strožoj regulatornoj kontroli, riziku od sudskih sporova i zahtevima korisnika.

S druge strane, finansijske platforme po pravilu same daju prioritet pristupačnosti. Kako se njihova korisnička baza širi, sve više starijih osoba s problemima u pokretljivosti i vidu pristupa aplikacijama. U njihovom slučaju, nepristupačnost usluga online bankarstva izjednačava se s gubitkom kupaca.

U privatnom sektoru, maloprodajni sajtovi čine 77% svih tužbi zbog nepristupačnosti, iako su im rezultati u ovoj oblasti prosečni. Čini se, međutim, da pritisak sudskih sporova nije doveo do stvarnih poboljšanja u ovoj delatnosti.

Visok broj tužbi stvara i neobičnu situaciju u maloprodaji. Zbog pravnog pritiska, kompanija otklanja konkretan problem s pristupačnošću, ali često zanemaruje šire promene u dizajnu ili kodu. Zbog toga se sajtovi vremenom unapređuju, ali nikad ne postaju u potpunosti pristupačni za sve korisnike.

Tumačenje podataka

Iako ugrađivanje funkcionalnosti i rešenja za pristupačnost u proces razvoja i dizajna donosi niz prednosti, stopa usvajanja je spora, s visokim procentom neusklađenosti uprkos decenijama ustaljenih i neprestano unapređivanih standarda.

Dobra vest je da većina problema potiče od šest uobičajenih grešaka. Rešavanje gorenavedenih problema drastično bi promenilo statistiku.

Sudske tužbe su delotvorne, ali ne bi smele biti jedino rešenje. Zbog toga stručnjaci preporučuju ugrađivanje pristupačnosti u sam razvojni proces. Usklađenost tako nije dodatno opterećenje, nego sastavni deo rada. Tretiranje pristupačnosti kao razvojne prakse umesto brzinskog krpljenja nakon lansiranja garantovano menja rezultate.

Rešavanje problema s usklađenošću s WCAG 2.2 kada se pojave

Kada se pojave pritužbe (recimo, na sajt finansijske institucije), rešavanje obično prati isti obrazac. Naime, vlasnici sajta (pružaoci usluge) pristaju da usvoje potrebne WCAG standarde, sprovode potpunu reviziju, nastoje da identifikovane probleme isprave u okviru unapred određenog roka i pridržavaju se kontinuiranog praćenja.

Ipak, ključno je razumeti da pristupačnost nije samo pravna obaveza. Reč je o boljem usluživanju korisnika, unapređenju SEO-a i korisničkog iskustva i izgradnji digitalne prisutnosti za budućnost. Mnoga WCAG unapređenja, poput boljeg kontrasta, strukturisanog sadržaja i jednostavnije autentifikacije, olakšavaju život svima koji dođu na vaš sajt. Na kraju krajeva, pristupačnost je samo prirodni deo profesionalnih usluga UI/UX dizajna.

Primena WCAG 2.2 u perspektivi budućnosti

Najnovija ažuriranja imaju za cilj da digitalni sadržaj učine pristupačnijim još široj publici, a primenom ovih funkcionalnosti – poput poboljšanog fokusa, pojednostavljenih radnji i alternativnih procesa autentifikacije – stvarate inkluzivniji sajt za sve korisnike.

Kada je reč o pristupačnosti, jedna stvar je sigurna: standardi digitalne inkluzivnosti nastaviće da se razvijaju. W3C već neko vreme radi na WCAG 3.0, a očekuje se da će biti objavljen oko 2028. godine. Buduće ažuriranje obećava da će biti još sveobuhvatnije i nuditi još preciznije smernice za uobičajene probleme.

Oni koji sada usvoje WCAG 2.2 neće samo ispuniti trenutne standarde usklađenosti, već će i uložiti u gladak prelaz u budućnost, kada trendovi i standardi evoluiraju.