Pristupačnost web stranica u 2026.: WCAG vodič za tvrtke

Što pristupačna web stranica zapravo znači?

Pristupačna stranica omogućuje ljudima da sadržaj percipiraju, da njime upravljaju, da ga razumiju i da ga različiti preglednici i pomoćne tehnologije pouzdano protumače. To su četiri načela WCAG-a: perceivable, operable, understandable i robust, često skraćeno POUR.

Aktualna preporuka WCAG 2.2 koju objavljuje W3C organizira zahtjeve u tri razine: A, AA i AAA. Za većinu poslovnih projekata razumna je radna meta razina AA, ali stvarna pravna obveza ovisi o vrsti organizacije, usluge, korisnika i primjenjivom propisu. WCAG nije popis ukrasnih značajki. On provjerava može li se ključni zadatak — primjerice kupnja, prijava ili slanje upita — završiti u stvarnim uvjetima.

Praktično, stranica treba imati:

• smislen redoslijed naslova i semantički HTML;
• dovoljan kontrast teksta i upravljačkih elemenata;
• potpunu navigaciju tipkovnicom i jasno vidljiv fokus;
• opisne oznake polja, gumba i poveznica;
• korisne alternativne opise informativnih slika;
• titlove ili prijepis važnog audio-vizualnog sadržaja;
• razumljive upute i poruke o pogreškama;
• sadržaj koji ostaje upotrebljiv pri povećanju i na mobitelu.

Koga u Hrvatskoj obuhvaćaju propisi?

Hrvatski Zakon o zahtjevima za pristupačnost proizvoda i usluga, NN 89/2025 prenosi Direktivu (EU) 2019/882 i među obuhvaćenim uslugama navodi e-trgovinu, potrošačke bankarske usluge, e-knjige, elektroničke komunikacije te određene usluge putničkog prijevoza. Za obuhvaćene digitalne usluge traži da informacije i funkcionalnosti budu uočljive, operabilne, razumljive i stabilne.

Zakon izričito izuzima mikro subjekte malog gospodarstva koji pružaju usluge. Mikro subjekt definiran je kao fizička ili pravna osoba s prosječno manje od deset zaposlenih te godišnjim poslovnim prihodom do dva milijuna eura ili imovinom do propisanog jednakog praga. Postoje i posebne iznimke za određeni sadržaj trećih strana, starije uredske datoteke, prethodno snimljene vremenske medije i arhive. To ne znači da je pristupačnost za izuzeti mali poslovni web beskorisna: korisničko iskustvo i mogućnost dovršetka kupnje ili upita ostaju poslovno važni.

Izvorna Direktiva (EU) 2019/882 na EUR-Lexu pokazuje da je cilj uskladiti zahtjeve pristupačnosti za odabrane proizvode i usluge na jedinstvenom tržištu. Za javni sektor vrijedi zaseban hrvatski zakon o pristupačnosti mrežnih stranica i mobilnih aplikacija. Zato nije točno reći da svaka privatna poslovna stranica automatski ima jednake obveze. Web trgovina, informativna prezentacija i portal javne ustanove nisu ista pravna situacija.

Ako niste sigurni spadate li u područje primjene, zatražite pravno tumačenje za svoj poslovni model. Tehnički audit može utvrditi prepreke i predložiti popravke, ali ne zamjenjuje pravni savjet.

Sedam područja koja prvo treba provjeriti

1. Struktura stranice i naslovi

Čitač zaslona i tražilica ovise o dobro strukturiranom dokumentu. Svaka stranica treba imati jasan glavni naslov, logičan slijed H2 i H3 podnaslova te semantičke cjeline poput zaglavlja, navigacije, glavnog sadržaja i podnožja. Nemojte birati razinu naslova prema veličini fonta niti cijele odlomke pretvarati u naslov radi izgleda.

Semantički HTML prenosi značenje koje vizualni raspored sam po sebi ne može dati. MDN-ov vodič za percepciju sadržaja objašnjava ulogu tekstualnih alternativa, prilagodljivog sadržaja, kontrasta te titlova i prijepisa.

2. Tipkovnica i vidljiv fokus

Odspojite miš i pokušajte doći do izbornika, otvoriti skočni prozor, ispuniti obrazac i poslati upit. Fokus mora slijediti logičan redoslijed i u svakom trenutku biti jasno vidljiv. Ako se korisnik može uvući u modalni prozor, mora moći i izaći iz njega. Element koji reagira samo na prelazak mišem ili nestandardni div koji glumi gumb čest je izvor problema.

Prvo koristite izvorne HTML elemente poput button, a, input i select; ARIA dodajte samo kada semantika nije dovoljna. Time dobivate očekivano ponašanje tipkovnice i bolju kompatibilnost s pomoćnim tehnologijama bez nepotrebne složenosti.

3. Kontrast, boja i povećanje

Tekst i važni elementi moraju ostati čitljivi pri slabijem vidu, lošem zaslonu ili jakom svjetlu. WCAG 2.2 za uobičajeni tekst na razini AA koristi omjer kontrasta najmanje 4,5:1, a za veliki tekst 3:1. Boja ne smije biti jedini signal — obavezno polje, pogreška ili status trebaju imati i tekst, ikonu ili drugi razumljiv znak.

Provjerite stranicu pri povećanju na 200 posto, s većim sistemskim fontom i na uskom mobilnom zaslonu. Sadržaj se ne smije preklapati, nestajati ni zahtijevati nepotrebno vodoravno pomicanje.

4. Slike, ikone i video

Informativna slika treba kratak alt tekst koji prenosi njezinu svrhu u konkretnom kontekstu. Dekorativna slika treba prazan alt atribut kako je čitač zaslona ne bi nepotrebno najavljivao. Alt tekst nije mjesto za niz ključnih riječi.

Za video s govorom osigurajte sinkronizirane titlove, a za audio prijepis. Ako vizualni dio videa nosi informaciju koju govor ne objašnjava, razmotrite audiodeskripciju. To poboljšava razumljivost i ljudima koji sadržaj gledaju bez zvuka.

5. Obrasci i poruke o pogreškama

Svako polje treba vidljivu oznaku povezanu s kontrolom. Placeholder nije pouzdana zamjena jer nestaje tijekom unosa i često ima slab kontrast. Poruka o pogrešci mora reći što nije valjano i kako to ispraviti.

Nakon slanja obrasca fokus treba premjestiti na sažetak pogrešaka ili jasno objaviti uspjeh. Posebno testirajte kontakt, prijavu, košaricu, plaćanje i povrat lozinke jer upravo tu prepreka postaje izgubljena konverzija.

!Provjera navigacije poslovnom web stranicom samo pomoću tipkovnice i jasno označenog fokusa

6. Poveznice i pozivi na radnju

Tekst poveznice treba imati smisla i bez okolne rečenice. Umjesto pet gumba Saznajte više, napišite Pogledajte uslugu održavanja web stranice ili Zatražite audit pristupačnosti. Poveznica vodi na drugo mjesto, a gumb pokreće radnju.

Dodirni ciljevi moraju biti dovoljno veliki i razmaknuti kako bi ih bilo moguće aktivirati bez preciznih pokreta. Važne radnje ne smiju ovisiti o gesti povlačenja ako postoji jednostavnija alternativa.

7. Dokumenti, kolačići i vanjski alati

Pristupačnost ne završava na HTML stranici. PDF cjenik, obrazac za preuzimanje, karta, sustav rezervacija, chat i banner za privolu dio su korisničkog puta. Ako vanjska komponenta nije dostupna tipkovnicom ili je čitač zaslona ne može protumačiti, korisnik i dalje ne može završiti zadatak.

Pri nabavi dodataka tražite dokaz o testiranju, a ne samo oznaku WCAG ready. Europska komisija preporučuje popravljanje problema u izvoru umjesto oslanjanja na overlay. Treća strana može biti zaseban sustav, ali njezin utjecaj treba evidentirati i, gdje je moguće, ponuditi pristupačnu alternativu.

Automatski rezultat nije završni audit

Alati mogu brzo otkriti nedostajući alt, praznu oznaku obrasca, neke pogreške kontrasta i neispravne ARIA atribute. Ne mogu pouzdano procijeniti je li alt koristan, je li redoslijed fokusa logičan ili razumije li korisnik poruku o pogrešci. web.dev vodič za automatizirano testiranje naglašava da automatizirani alati pronalaze samo dio problema i trebaju biti dio šireg postupka.

Isto vrijedi za Lighthouse. Njegova dokumentacija o ocjeni pristupačnosti objašnjava da se rezultat temelji na ponderiranom prosjeku provjera te da prolaz svih automatskih provjera nije jamstvo potpune pristupačnosti. Ocjenu 100 zato treba čitati kao znak da automatizirane provjere nisu pronašle problem, a ne kao certifikat sukladnosti.

Pouzdan postupak kombinira:

1. automatsko skeniranje reprezentativnih predložaka;
2. ručni prolazak tipkovnicom;
3. provjeru čitačem zaslona;
4. test povećanja, kontrasta i mobilnog prikaza;
5. provjeru stvarnih zadataka poput kupnje i slanja upita;
6. testiranje s osobama s invaliditetom kad god je moguće;
7. ponovnu provjeru nakon popravaka.

Za veći portal ne testira se samo početna stranica. Uzorak treba uključiti predloške članaka i proizvoda, pretraživanje, obrasce, korisnički račun, košaricu, poruke o pogreškama i barem jedan potpuni korisnički put.

Kako pristupačnost podupire SEO i konverzije

Pristupačnost nije izravna SEO prečica niti jamstvo boljeg poretka. Ipak, mnoge dobre prakse istodobno olakšavaju razumijevanje sadržaja ljudima i strojevima: opisni naslov stranice, logična hijerarhija, semantički HTML, razumljivi anchor tekstovi, tekstualne alternative i stabilan mobilni prikaz. Pristupačan obrazac također smanjuje trenje između posjeta i upita.

Važno je ne pretvoriti alt tekst i naslove u prostor za ponavljanje ključne riječi. People-first stranica prvo rješava korisnikov zadatak. Ako planirate širu doradu strukture, sadržaja i tehničkih signala, pogledajte Voxernovu SEO optimizaciju i [izradu web stranica](/).

Plan popravaka bez nepotrebnog redizajna

Najbolji početak nije nasumično mijenjanje boja, nego popis prepreka rangiran prema utjecaju. Prvo rješavajte probleme koji blokiraju ključni zadatak: nedostupan izbornik, nemoguć unos podataka, nevidljiv fokus, nečitljiva poruka ili gumb koji čitač zaslona ne prepoznaje. Zatim standardizirajte komponente kako se ista pogreška ne bi vraćala na svakoj stranici.

Praktičan plan uključuje inventar predložaka i dodataka, početno automatsko i ručno mjerenje, prioritetne popravke ključnih korisničkih putova, doradu komponenti i obrazaca, regresijsko testiranje prije veće objave te periodičnu kontrolu novog sadržaja.

Pristupačnost je proces održavanja, a ne jednokratna oznaka u podnožju. Novi banner, obrazac ili izbornik može vratiti staru prepreku. Ako nemate interni tim za redovite provjere, održavanje web stranice može uključiti kontrolu kritičnih predložaka nakon nadogradnji.

Zaključak: počnite od zadatka koji donosi vrijednost

U 2026. pristupačnost web stranica treba promatrati kao kvalitetu usluge. Propisi su važan razlog za djelovanje, ali nisu jedini: pristupačna stranica uključuje više ljudi, smanjuje frustraciju i čini ključne radnje jasnijima.

Počnite s jednim stvarnim putem — pronalazak usluge, slanje upita ili kupnja — i prođite ga tipkovnicom, povećanim prikazom i čitačem zaslona. Zabilježite prepreke, popravite uzrok u komponenti, a zatim ponovno testirajte. Za stručnu procjenu postojeće stranice i plan popravaka bez nepotrebnog redizajna javite se Voxern timu.