Pristupačnost weba: WCAG 2.2 audit i EAA

Usluge pristupačnosti weba čine sajt upotrebljivim ljudima koji se kreću tastaturom, čitačem ekrana, uvećanjem, glasovnim unosom ili drugom pomoćnom tehnologijom. Cilj do kojeg gradimo i popravljamo je WCAG 2.2 nivo AA, aktuelna W3C preporuka. Gdje se usluga nudi potrošačima u Evropskoj uniji, European Accessibility Act se primjenjuje od 28. juna 2025, a uređen audit pokazuje da li sajt koji već imate taj prag ispunjava.

U CodeWizu je pristupačnost dio izrade sajta, a ne PDF na kraju. Šablone auditiramo prema WCAG 2.2, ispravke unosimo u temu ili frontend kod, testiramo tastaturom i čitačem ekrana i pišemo izjavu koja odgovara sajtu. Rad pokriva WordPress, WooCommerce, Laravel, custom JavaScript frontende, online prodavnice i dokumente koje ti sajtovi daju kupcima.

Namijenjeno je prodavnicama i uslugama koje se prodaju u EU, timovima koji mijenjaju temu, proizvodima koji nikad nisu testirani pomoćnom tehnologijom, i svakome kome je rečeno da će plugin sam “učiniti sajt usklađenim”. Brz sajt pomaže. Naš ima 100/100/100/100 na PageSpeed Insightsu, i ta ocjena nije rezultat pristupačnosti.

Audit pristupačnosti weba prema WCAG 2.2

Audit pristupačnosti weba provjerava reprezentativne stranice i komponente prema WCAG 2.2 na nivou AA, osim ako imate pisan razlog da ciljate više. Alati nalaze nedostajuće labele, prazne dugmiće i neke probleme kontrasta. Ne znaju da li meni radi bez miša, da li se greška najavljuje, niti da li redoslijed čitanja odgovara ekranu.

• Uzorak stranica koji pokriva svaki šablon: početna, sadržajna stranica, lista, detalj, pretraga, forme, nalog, checkout i svaki modal ili meni koji te stranice dijele.
• Automatski prolazi alatima axe i Lighthouse, da uhvate mehaničke probleme, a zatim trijaža da lažni alarmi ne potope izvještaj.
• Ručne provjere tastature, vidljivog fokusa, imena kontrola, naslova, obrade grešaka i novih kriterijuma WCAG 2.2 koje skeneri i dalje propuštaju.
• Uvećanje i reflow na 200 i na 400 posto, uključujući to da li sadržaj traži pomjeranje u dva smjera na širini od 320 CSS piksela.
• Dokumenti i mediji koji su dio usluge: PDF računi, ugrađen video, te titlovi ili transkript tamo gdje zvuk nosi informaciju.

Svaki nalaz imenuje kriterijum uspjeha, pogođene stranice, koga blokira i izmjenu u kodu ili sadržaju. Ozbiljnost prati uticaj na korisnika, a ne to koliko je puta skener ponovio istu grešku šablona.

Ispravke prema WCAG 2.2 u kodu i šablonima

WCAG 2.2 je postao W3C preporuka 5. oktobra 2023. Nivo AA obuhvata WCAG 2.1 AA i dodaje kriterijume koji se vide na stvarnim sajtovima: fokus sakriven ispod ljepljive trake, premale mete, radnje samo prevlačenjem, pomoć koja skače, forme koje traže iste podatke dva puta i prijave koje se bore sa password managerima. Kriterijum 4.1.1 Parsing je zastario i uklonjen, pa ga ne gonimo.

Puna formulacija, uključujući izuzetke, stoji u specifikaciji WCAG 2.2. Ispravka zatim ide tamo gdje je kvar nastao:

• Jedna izmjena u dijeljenom šablonu ili komponenti, pa se mnogo URL-ova mijenja odjednom.
• Vidljive labele vezane za polja preko for i id, a ne placeholder umjesto labele.
• Greške i statusne poruke izložene tako da ih pomoćna tehnologija može najaviti.
• Kontrast provjeren u temi, uključujući tekst preko slika i preko boje brenda.

Navigacija tastaturom i ARIA

Pristup tastaturom nosi čitače ekrana, switch uređaje i mnoge vješte korisnike. Ako se do kontrole ne može doći i ako se ne može koristiti sa Tab, Shift+Tab, Enter, Space i strelicama koje vidžet očekuje, nije gotova. ARIA ne popravlja div koji ima samo click handler. Krećemo od nativnih elemenata i ARIA dodajemo samo kad nijedan nativni element ne odgovara.

• Skip link vidljiv na fokusu, koji fokus pomjera na glavni sadržaj.
• Meniji i dijalozi koji drže fokus samo dok su otvoreni, pa ga vraćaju na kontrolu koja ih je otvorila.
• Vidljiv indikator fokusa koji ispunjava kontrast i koji CSS reset ne uklanja. “Focus not obscured” pretpostavlja da taj indikator postoji.
• Vidžeti ispravno imenovani: aria-expanded koji se zaista mijenja, i bez role="button" na linku koji već vodi negdje.

Testiramo put koji osoba prolazi: skip link, meni, forma i greške.

Test čitačem ekrana na stranicama koje ljudi koriste

Test čitačem ekrana provjerava da ime, uloga i vrijednost svake kontrole odgovaraju onome što osoba čuje, redom koji odgovara ekranu. Koristimo NVDA sa Firefoxom ili Chromeom na Windowsu, i VoiceOver sa Safarijem na macOS-u ili iOS-u. TalkBack dodajemo kad je publika uglavnom na Androidu. Ekstenzija u browseru nije zamjena.

• Naslovi čine strukturu, a ne služe samo da tekst bude veći.
• Slike koje nose informaciju imaju tekstualnu alternativu; dekorativne slike skrivene su iz stabla pristupačnosti.
• Polja forme imaju trajno ime, stanje obaveznosti i grešku koja se najavi kad slanje ne uspije.
• Dinamička osvježenja – broj u korpi, prijedlog pretrage, toast – najavljuju se kad su važna, a ćute kad bi samo prekidala.

Bilješke u izvještaju citiraju šta je čuto, uz markup koji je to proizveo, da programer vidi zašto se pojavilo “button, button” ili “unlabeled graphic”.

Izjava o pristupačnosti i iskrena slika usklađenosti

Izjava o pristupačnosti kaže koliko je sajt pristupačan, kako dobiti pomoć i koje praznine ostaju. To je javni opis, ne certifikat. Pišemo je iz audita, na jezicima koje sajt već koristi, i datiramo je da ne može tvrditi stanje koje je sajt u međuvremenu napustio.

• Standard kojem sajt teži (WCAG 2.2 nivo AA) i metoda kojom je ocijenjen.
• Poznata ograničenja, sa kratkim planom ili putem za kontakt, umjesto obećanja da je svaka stranica savršena.
• Način da se dođe do čovjeka: email i telefon ili Viber koji već objavljujete, u formi koju čitač ekrana može koristiti.
• Datum pregleda i vlasnik u vašem timu, da se izjava ažurira kad se šablon promijeni.

Nismo advokatska kancelarija i ne potvrđujemo pravnu usklađenost. Gdje propis traži izjavu, stranicu uskladimo sa onim što propis očekuje, a tehničke nalaze držimo odvojeno od pravnog savjeta.

European Accessibility Act od 28. juna 2025.

European Accessibility Act je Direktiva (EU) 2019/882. Od 28. juna 2025. određena lista proizvoda i usluga koji se nude potrošačima u EU mora ispunjavati njene zahtjeve pristupačnosti. Na webu to znači online interfejse tih usluga – e-commerce, bankarske usluge za potrošače, elektronske komunikacije i ostale usluge navedene u direktivi – a ne svaki prezentacijski sajt. Tekst je na EUR-Lexu.

Pretpostavka usklađenosti dolazi od harmonizovanih standarda navedenih u Official Journalu. Za ICT taj standard je EN 301 549, a njegove web odredbe prate WCAG. Tekst direktive ne kaže “WCAG 2.2”. Ispravke radimo do WCAG 2.2 nivoa AA jer on obuhvata WCAG 2.1 nivo AA i novije kriterijume iznad. Kad vam treba formalna pretpostavka, izvještaj mapira nalaze na verziju EN 301 549 koja je u tom trenutku navedena u Official Journalu.

• Ko je u obimu. Operatori koji navedene proizvode stavljaju na tržište EU, ili koji navedene usluge pružaju potrošačima u Uniji. Hrvatska je u EU. Firma u Bosni i Hercegovini, Srbiji ili Crnoj Gori koja pokrivenu uslugu prodaje potrošačima u EU, na primjer prodavnica koja isporučuje u Uniju, treba provjeriti da li je u obimu.
• Ko je izuzet. Mikro preduzeća koja pružaju usluge: manje od 10 zaposlenih, i godišnji promet ili bilans stanja do 2 miliona eura. Izuzetak pokriva usluge, ne proizvode, i nije pravni savjet o vašoj firmi.
• Prelazna pravila. Ugovori o uslugama zaključeni prije 28. juna 2025. mogu teći neizmijenjeni do isteka, ali ne poslije 28. juna 2030. Proizvodi koje je pružalac već koristio imaju svoj prelaz. Novi sajtovi i novi checkouti ga ne nasljeđuju.
• Drugi propis za javni sektor. Direktiva (EU) 2016/2102 već pokriva web stranice i mobilne aplikacije javnog sektora u EU. European Accessibility Act je ne zamjenjuje. Miješanje ta dva vodi na pogrešan rok i pogrešnu izjavu.

Čitljiv sadržaj, kontrast i forme

Mnogi propusti žive u sadržaju i CSS-u, a ne u nedostajućem ARIA atributu. Popravljamo redoslijed čitanja, tekst linka koji kaže kuda vodi, uputstva koja se ne oslanjaju samo na boju, i forme koje rade bez miša.

• Tekst koji se uvećava, dužina reda koja ostaje čitljiva, i razmak koji nije jedino što dijeli klikabilnu kontrolu od susjedne.
• Kontrast teksta, ikona koje prenose stanje i prstena fokusa, provjeren u pravoj temi, a ne u dizajn fajlu.
• Titlovi za video koji nosi govor, i transkript tamo gdje je zvuk sam sadržaj.
• Tekst greške pored polja, programski povezan, koji kaže kako vrijednost ispraviti.

Brzina je dio istog iskustva: istek vremena i stranice koje zapinju odsijecaju svakoga kome treba duže da čita ili kuca. codewizdev.com ima 100/100/100/100 na PageSpeed Insightsu. Kako taj rezultat nastaje, i gdje Varnish staje uz dinamičan sajt, već je objašnjeno u tekstu kako postižemo 100/100 page vitals i u tekstu o Varnish cacheu. Jasni naslovi pomažu i pretraživačima; za mjerenje pogledajte SEO analitiku i analizu konkurencije.

Najčešće greške u pristupačnosti weba

• Overlay ili “accessibility widget” prodan kao usklađenost. Takvi vidžeti često se sudaraju sa pomoćnom tehnologijom koju ljudi već koriste, a šablon ne popravljaju.
• Placeholder kao jedina labela, pa ime nestane čim neko počne kucati.
• Meniji i dijalozi koji se otvaraju samo na hover ili klik, bez puta tastaturom i bez pomjeranja fokusa.
• Dugmad sa ikonom bez pristupačnog imena, pa čitač ekrana kaže “button” i ništa više.
• CSS reset koji postavlja outline: none i nikad ne nacrta stil fokusa nazad.
• Boje brenda koje padaju na kontrastu za sitan tekst, pa se opravdaju kao “on brand”.
• PDF računi ili uputstva koja su fotografije teksta, bez tagova i bez tekstualne alternative.

Kako radimo

1. Upoznavanje: saznajemo ko koristi sajt, koji tokovi su važni (pregled, nalog, checkout, dokumenti) i da li je razlog projekta European Accessibility Act ili pravilo za javni sektor.
2. Audit: uzimamo uzorak šablona, pokrećemo i trijažiramo automatske provjere, i testiramo tastaturom i čitačima ekrana.
3. Plan: dobijate nalaze grupisane po šablonu, sa kriterijumom, uticajem i obimom, da se dijeljene komponente poprave jednom.
4. Ispravka: mijenjamo temu, komponente, forme i sadržaj, prvo na stagingu.
5. Ponovni test: ponavljamo prolaze tastaturom i čitačem ekrana na tokovima koji su pali, i ponovo pokrećemo automatske provjere da uhvatimo nazadovanje.
6. Izjava i podrška: objavljujemo izjavu o pristupačnosti koja odgovara ponovnom testu, i možemo paziti na nove šablone nakon puštanja.

Zašto CodeWiz

• Ispravke u kodu. Teme WordPressa, Laravel viewove i frontend komponente uređujemo sami, pa audit ne završi kao lista koju niko ne provede.
• WCAG 2.2, pažljivo rečeno. Ciljamo nivo AA, objašnjavamo šta European Accessibility Act traži a šta ne, i ne prodajemo certifikat koji ne možemo izdati.
• Ostatak stacka. Hosting, performanse i markup ostaju u jednom timu. Naš sajt ima 100/100/100/100 na PageSpeed Insightsu, što uklanja jednu barijeru, a posao na pristupačnosti i dalje treba odraditi kako treba.
• Bez overlay proizvoda. Open-source provjere i prava pomoćna tehnologija, umjesto vidžeta preko nepristupačnog šablona.
• Fer cijene, iz Banje Luke. Vrhunski razvoj bez vrhunskih cijena, na daljinu, sa klijentima lokalno i međunarodno. Više o CodeWizu.

Često postavljana pitanja

Da li se European Accessibility Act odnosi na moju firmu?

Odnosi se na određene proizvode i usluge koji se nude potrošačima u EU, uključujući e-commerce, a ne na svaki sajt. Mikro preduzeća koja pružaju usluge, ispod praga zaposlenih i prometa, izuzeta su, a ugovori potpisani prije 28. juna 2025. mogu teći do isteka, ali ne poslije 28. juna 2030. Obim je pravno pitanje; mi radimo tehničku stranu.

Da li je WCAG 2.2 nivo AA isto što i usklađenost sa Actom?

Nije. WCAG 2.2 nivo AA je tehnički cilj do kojeg gradimo, i tako se web zahtjevi EN 301 549 uglavnom ispunjavaju. Act ima vlastiti obim, izuzetke i pretpostavku usklađenosti preko harmonizovanog standarda u Official Journalu. Ispuniti WCAG 2.2 AA je inženjerski posao, a ne pravno mišljenje.

Koliko košta audit pristupačnosti weba?

Zavisi od broja šablona, vidžeta poput checkouta i menija, i od toga ulaze li ispravke u obim. Mali sajt je kompaktan posao; prodavnica sa nalozima i custom checkoutom traje duže. Procjenu dajemo nakon što vidimo sajt.

Hoće li accessibility overlay učiniti sajt usklađenim?

Neće. Vidžet na jedan klik ne popravlja naslove, labele, put tastaturom ni kontrast, a može smetati čitaču ekrana koji neko već koristi. Tu zavisnost uklanjamo i popravljamo interfejs.

Možete li popraviti sajt koji niste vi napravili?

Možemo. Većina ovog rada je na postojećem WordPressu, WooCommerceu, Laravelu ili custom frontendu. Temu mijenjamo na licu mjesta, ili se uskladimo sa vašim programerima ako ispravke radije isporučujete sami.

Zamjenjuju li automatski skeneri ručno testiranje?

Pokrivaju manjinu problema: labele, neke padove kontrasta i prazne kontrole. Ponašanje tastature, izlaz čitača ekrana i pravila WCAG 2.2 o fokusu, prevlačenju i autentikaciji i dalje traže čovjeka.

Spremni da sajt bude upotrebljiv većem broju ljudi?

Recite nam koji tokovi su vam važni i prodajete li kupcima u EU. Uradit ćemo audit pristupačnosti weba nad šablonima prema WCAG 2.2 i, gdje se European Accessibility Act primjenjuje, odvojit ćemo tehničke praznine od pravnih pitanja. Kontaktirajte nas da krenemo, ili pogledajte cijelu listu CodeWiz usluga.