Pristupačnost web stranica u 2026: novi propisi, novi rokovi

Što je European Accessibility Act

European Accessibility Act (EAA), poznat i kao Direktiva 2019/882, je zakon Europske unije koji zahtijeva da digitalni proizvodi i usluge budu pristupačni osobama s invaliditetom. Hrvatska ga je prenijela u nacionalno zakonodavstvo putem Zakona o pristupačnosti proizvoda i usluga.

Jednostavno rečeno: ako imate web stranicu kroz koju prodajete proizvode ili pružate usluge potrošačima u EU, od 28. lipnja 2026. ta stranica mora biti prilagođena i osobama sa slabijim vidom, sluhom, motoričkim poteškoćama ili kognitivnim ograničenjima.

To znači da slijepa osoba s čitačem ekrana mora moći kupiti vaš proizvod. Osoba koja ne može koristiti miš mora moći navigirati tipkovnicom. Osoba sa slabijim vidom mora moći povećati tekst bez da se stranica "raspadne".

Tko je obvezan poštivati zakon

EAA se primjenjuje na širok raspon digitalnih usluga. Ako vaš posao uključuje bilo što od navedenog, zakon se odnosi na vas:

• Webshopovi - sve online trgovine dostupne potrošačima u EU
• E-banking i financijske usluge - internetsko bankarstvo, investicijske platforme
• Telekomunikacijske usluge - operateri, VoIP servisi, messaging platforme
• E-knjige i čitači - digitalne publikacije i softveri za čitanje
• Prijevozne usluge - online kupnja karata, informacijski sustavi
• Platforme za e-usluge - online naručivanje, rezervacijski sustavi

Što zahtijeva WCAG 2.1 AA standard

WCAG (Web Content Accessibility Guidelines) je međunarodni standard koji definira kako web sadržaj treba biti pristupačan. EAA zahtijeva usklađenost s razinom AA, što je srednja razina strogosti. Standard se temelji na četiri principa.

1. Opazivost (perceivable)

Sadržaj mora biti prezentiran na način da ga korisnici mogu percipirati. To uključuje: tekstualne alternative za slike (alt tekstovi), titlove za video sadržaj, dovoljan kontrast boja između teksta i pozadine (minimalno 4.5:1 za normalan tekst), mogućnost povećanja teksta na 200% bez gubitka funkcionalnosti i sadržaj koji se prilagođava različitim uređajima.

2. Upravljivost (operable)

Korisnici moraju moći upravljati sučeljem. Sve funkcije moraju biti dostupne tipkovnicom, bez zamki iz kojih se ne može izaći Tab tipkom. Korisnici trebaju dovoljno vremena za čitanje i interakciju sa sadržajem. Animacije se moraju moći zaustaviti, a stranica ne smije sadržavati elemente koji trepere više od tri puta u sekundi.

3. Razumljivost (understandable)

Tekst mora biti čitljiv i predvidljiv. Stranica se mora ponašati konzistentno, navigacija mora biti logična, a forme moraju imati jasne oznake i poruke o greškama. Jezik stranice mora biti označen u HTML-u kako bi čitači ekrana znali kojim jezikom čitati sadržaj.

4. Robusnost (robust)

Sadržaj mora biti dovoljno robustan da ga mogu pravilno interpretirati razne korisničke tehnologije, uključujući čitače ekrana, povećala i druge pomagala. To praktički znači: validan HTML, pravilno korištenje ARIA atributa i semantičkih elemenata.

Praktični koraci za usklađivanje

Zakon možda zvuči apstraktno, ali u praksi se svodi na konkretne tehničke zahtjeve koje možete provjeriti i ispraviti. Evo što trebate napraviti.

Semantički HTML

Koristite ispravne HTML elemente za njihovu namjenu. Naslovi idu u <h1> do <h6> redom, bez preskakanja razina. Navigacija u <nav>, glavni sadržaj u <main>, podnožje u <footer>. Čitači ekrana koriste ovu strukturu za navigaciju, isto kao što vi koristite vizualni raspored stranice.

Alt tekstovi za slike

Svaka slika koja prenosi informaciju mora imati smislen opis u alt atributu. Ne "IMG_4523.jpg", nego "Tim WebDesignbyTomi u uredu u Krapini" ili "Graf koji prikazuje rast prometa za 40% nakon redizajna". Dekorativne slike koje ne nose informaciju trebaju prazan alt (alt="") da ih čitači ekrana preskoče.

Navigacija tipkovnicom

Svaki interaktivni element (link, gumb, forma) mora biti dostupan korištenjem Tab tipke. Fokus mora biti vidljiv, obično kao obrub oko aktivnog elementa. Korisnik nikad ne smije zapeti u "zamci" iz koje ne može izaći tipkovnicom. Testiranje je jednostavno: pokušajte koristiti svoju stranicu bez miša.

Kontrast boja

Tekst mora biti dovoljno kontrastiran u odnosu na pozadinu. WCAG 2.1 AA zahtijeva omjer od najmanje 4.5:1 za normalan tekst i 3:1 za veliki tekst (18px bold ili 24px regular). Svijetlo sivi tekst na bijeloj pozadini ne prolazi. Koristite alate poput WebAIM Contrast Checker za provjeru.

ARIA oznake

Accessible Rich Internet Applications (ARIA) atributi pomažu čitačima ekrana razumjeti interaktivne elemente koje standardni HTML ne može dovoljno opisati. Na primjer, aria-label daje opis gumbu koji ima samo ikonu, aria-expanded govori je li izbornik otvoren ili zatvoren. Koristite ih samo kad standardni HTML semantički elementi nisu dovoljni.

Kompatibilnost s čitačima ekrana

Testirajte stranicu s barem jednim čitačem ekrana. NVDA je besplatan za Windows, VoiceOver je ugrađen u macOS i iOS. Ovo je najvažniji test jer otkriva probleme koje automatski alati ne mogu detektirati, poput zbunjujućeg redoslijeda čitanja ili nejasnih oznaka formi.

Pristupačna vs nepristupačna stranica - usporedba

Evo konkretnih razlika između stranice koja zadovoljava WCAG 2.1 AA i one koja ne zadovoljava. Ovo su elementi koje inspekcija provjerava.

Kako provjeriti svoju stranicu

Ne morate pogađati je li vaša stranica pristupačna. Postoje besplatni alati koji vam mogu odmah pokazati konkretne probleme.

• WAVE (wave.webaim.org) - vizualno označava probleme na stranici, odličan za brzu provjeru
• axe DevTools - Chrome ekstenzija koja automatski detektira WCAG greške
• Google Lighthouse - ugrađen u Chrome DevTools, ima accessibility sekciju s bodovanjem
• WebAIM Contrast Checker - za provjeru kontrasta boja

No automatski alati hvataju samo oko 30-40% problema. Za potpuniju provjeru, testirajte ručno: isključite miš i navigirajte tipkovnicom, povećajte tekst na 200%, uključite čitač ekrana i pokušajte obaviti ključne zadatke na stranici.

Koliko košta prilagodba

Cijena ovisi o tome radite li novu stranicu ili prilagođavate postojeću.

• Nova stranica - pristupačnost bi trebala biti ugrađena od početka bez dodatnog troška. Ako vam netko naplaćuje "pristupačnost" kao dodatnu opciju, to je loš znak.
• Postojeća stranica s manjim problemima - 200-500€ za dodavanje alt tekstova, poboljšanje kontrasta i semantičke strukture
• Stranica s ozbiljnim nedostacima - 500-1500€ za kompletnu prilagodbu, uključujući refaktoring navigacije i formi

Usporedite to s potencijalnom kaznom od 25.000€ i potencijalno izgubljenim klijentima koji jednostavno ne mogu koristiti vašu stranicu. Preventivno ulaganje se uvijek isplati.

Kako mi gradimo pristupačne stranice

Kod WebDesignbyTomi, pristupačnost nije dodatna opcija ili premium paket. To je standard koji je ugrađen u svaku stranicu od prvog reda koda.

• Semantički HTML od početka - svaka stranica koristi ispravne elemente za svaku namjenu, od naslova do navigacije
• Skip-to-content link - omogućuje korisnicima čitača ekrana da preskoče navigaciju i odu direktno na sadržaj
• Vidljivi fokus - svaki interaktivni element ima jasno označen fokus za navigaciju tipkovnicom
• Kontrast boja testiran - sve kombinacije boja prolaze WCAG 2.1 AA provjeru kontrasta
• ARIA atributi - gumbi, navigacija i interaktivni elementi imaju odgovarajuće oznake za čitače ekrana
• Responzivan dizajn - tekst se može povećati na 200% bez gubitka funkcionalnosti, na svakom uređaju
• Testirano s NVDA - svaku stranicu testiramo s čitačem ekrana prije isporuke

Zašto je pristupačnost dobra za poslovanje

Osim izbjegavanja kazni, pristupačna stranica donosi konkretne poslovne koristi o kojima se rijetko govori.

• Veća publika - otvarate vrata za 15-20% populacije koja inače ne može koristiti vašu stranicu
• Bolji SEO - mnoge prakse pristupačnosti (alt tekstovi, semantička struktura, čist HTML) su ujedno i SEO najbolje prakse. Google ih nagrađuje.
• Bolje korisničko iskustvo za sve - stariji korisnici, ljudi s privremenim ograničenjima (slomljena ruka, umorne oči), korisnici na sporim mrežama
• Pozitivan imidž - pokazujete da vam je stalo do svih korisnika, ne samo onih bez ikakvih poteškoća
• Pravna sigurnost - smanjujete rizik od tužbi i regulatornih kazni koje mogu biti višestruko skuplje od prevencije

Pristupačnost nije trošak, to je investicija. A sa zakonskim rokom od 28. lipnja 2026., vrijeme za djelovanje je sada. Nemojte čekati inspekciju da vam kaže što je trebalo biti napravljeno. Pogledajte naše pakete ili nas kontaktirajte za besplatnu provjeru pristupačnosti vaše trenutne stranice.

Ako vas zanima što još može poći po krivu s web stranicom, pročitajte i naš članak o najčešćim greškama na web stranicama malih tvrtki.