Od 28. lipnja 2025. na snazi je Europski akt o pristupačnosti (EAA) — EU direktiva koja obvezuje webshopove, banke, e-knjige i digitalne usluge da budu pristupačni osobama s invaliditetom. Za većinu hrvatskih firmi to nije bila vijest. Za onu manjinu koja je pročitala sitni tekst — panika, jer “usklađivanje pristupačnosti” zvuči kao mjesečni projekt i pet znamenki.
Realnost je između te dvije krajnosti. Većina malih hrvatskih stranica ima 20–40 konkretnih problema pristupačnosti, od kojih se 80% popravi u nekoliko dana rada. Ovaj vodič je praktičan playbook — što EAA točno traži, tko mora a tko je izuzet (i gdje je kvaka s mikropoduzećima), kako besplatno testirati stranicu i realno koliko košta popravak za malu firmu.
1. Što je EAA i od kada vrijedi
Europski akt o pristupačnosti (engl. European Accessibility Act, EAA) je EU direktiva 2019/882. Cilj je jednostavan: proizvodi i digitalne usluge u EU moraju biti upotrebljivi za osobe s invaliditetom — slabovidne, slijepe, gluhe, osobe s motoričkim ili kognitivnim poteškoćama.
Ključni datumi:
- Direktiva usvojena: 2019.
- Rok za primjenu u državama članicama: 28. lipnja 2025.
- Na snazi u Hrvatskoj: od 28. lipnja 2025.
Za razliku od GDPR-a koji regulira podatke, EAA regulira upotrebljivost. Ako slijepa osoba s čitačem ekrana ne može dovršiti kupnju na vašem webshopu, to je sada zakonski problem, ne samo loš UX.
Zašto se ovo tiče baš vas
Otprilike 15–20% populacije ima neki oblik trajnog ili privremenog invaliditeta. To nisu rubni slučajevi — to je svaki peti posjetitelj vaše stranice. Stariji korisnici, osobe sa slabijim vidom, netko sa slomljenom rukom koji navigira samo tipkovnicom. EAA formalizira nešto što je i prije bilo pametno napraviti.
2. Tko mora biti usklađen (a tko je izuzet)
EAA se ne odnosi na baš svaku web stranicu. Odnosi se na određene proizvode i usluge namijenjene potrošačima.
Usluge i proizvodi obuhvaćeni EAA-om
- E-trgovina (webshopovi) — svaka stranica gdje potrošač kupuje robu ili usluge online
- Bankarstvo i financijske usluge — internetsko bankarstvo, plaćanja
- E-knjige i digitalni čitači
- Elektroničke komunikacije — telekom usluge
- Prijevoz putnika — kupnja karata, informacije o vožnji online
- Digitalne usluge namijenjene potrošačima — pristup audiovizualnim medijima i sl.
Ako vodite webshop — obuhvaćeni ste. Točka. Bez obzira prodajete li tenisice ili softver.
Tko je izuzet — i pazite na kvaku
Ovdje većina članaka pojednostavi stvar i pogriješi. Nijansa je važna.
Mikropoduzeća koja pružaju USLUGE su izuzeta od obveza EAA-a. Mikropoduzeće je definirano kao firma koja ima:
- manje od 10 zaposlenih, I
- godišnji promet ili bilancu do 2 milijuna €
Oba uvjeta moraju biti ispunjena. Ako imate 8 zaposlenih ali 3 milijuna € prometa — niste mikro i niste izuzeti.
Kvaka: izuzeće vrijedi za usluge, ali ne i za proizvode. Ako mikropoduzeće proizvodi ili stavlja na tržište proizvod obuhvaćen EAA-om (npr. hardver, e-čitač, samoposlužni terminal), izuzeće se ne primjenjuje jednako. Za digitalne usluge (tipičan webshop) — mikro firma je uglavnom izuzeta od stroge zakonske obveze.
Ali izuzeće nije razlog da to preskočite
Čak i ako ste mikropoduzeće i formalno izuzeti — usklađivanje se svejedno isplati:
- SEO korist: Google favorizira pristupačne stranice (semantika, alt tekst, struktura naslova su izravni ranking signali)
- Doseg: dobivate 15–20% korisnika koje inače gubite
- UX za sve: pristupačna stranica je jednostavno jasnija i lakša za korištenje
- Buduća sigurnost: ako narastete preko 10 zaposlenih ili 2 mil. €, obveza vas sustiže preko noći — bolje graditi ispravno od početka
Kratko: izuzeće je zakonska rupa, ne poslovni savjet.
3. WCAG 2.1 razina AA — tehnički standard
EAA ne govori “napravite stranicu pristupačnom” u zraku. Postoji konkretan tehnički standard koji definira što je “usklađeno”.
- EN 301 549 — europski harmonizirani standard za pristupačnost
- Praktično znači: WCAG 2.1 razina AA
WCAG (Web Content Accessibility Guidelines) ima tri razine — A, AA, AAA. AA je ono što EAA traži — realno postizivo, a pokriva ogromnu većinu stvarnih potreba korisnika.
Četiri principa WCAG-a (POUR)
- Percipiran (Perceivable) — informacije moraju biti vidljive/čujne svima (alt tekst, kontrast, titlovi)
- Operativan (Operable) — sve mora raditi tipkovnicom, bez ovisnosti o mišu
- Razumljiv (Understandable) — jasan jezik, predvidljiva navigacija, jasne greške u formama
- Robustan (Robust) — radi s pomoćnim tehnologijama (čitači ekrana, povećala)
Ne trebate znati napamet 50 WCAG kriterija. Trebate znati konkretnu listu što provjeriti — u nastavku.
4. Konkretna lista — što provjeriti i popraviti
Ovo je 90% posla za tipičnu hrvatsku malu stranicu.
Kontrast boja
Tekst mora imati dovoljan kontrast prema pozadini. WCAG AA traži minimalno 4.5:1 za normalan tekst i 3:1 za velik tekst.
- Najčešća greška: svijetlosivi tekst na bijeloj pozadini (“elegantno” ali nečitljivo)
- Popravak: potamnite tekst ili posvijetlite pozadinu dok ne prođete prag
Alternativni tekst slika (alt tekst)
Svaka informativna slika treba alt atribut koji opisuje što je na slici.
- Proizvodne slike, ikone s funkcijom, infografike — svi trebaju alt
- Dekorativne slike dobiju prazan
alt=""da ih čitač ekrana preskoči - Popravak: prođite slike i dodajte smislene opise (ne “slika1.jpg”)
Navigacija tipkovnicom
Korisnik mora moći doći do svakog gumba, linka i polja samo tipkovnicom (Tab, Enter, razmaknica).
- Test: odložite miš i pokušajte proći cijeli checkout samo tipkovnicom
- Najčešća greška: custom dropdown ili modal koji “zarobi” fokus ili je nedostupan
Jasne oznake formi (labels)
Svako polje forme treba povezanu oznaku (<label>).
- Placeholder tekst nije zamjena za label — nestane kad počnete tipkati
- Poruke o greškama moraju biti jasne i vezane uz polje (“Unesite valjan e-mail”, ne samo crveni okvir)
Semantički naslovi (H1–H6)
Naslovi moraju činiti logičnu hijerarhiju: jedan H1, zatim H2 za sekcije, H3 za podsekcije.
- Nemojte birati naslov po tome kako izgleda, nego po tome što znači
- Čitači ekrana koriste naslove za navigaciju — preskaču po njima kao po sadržaju
Fokus indikatori
Kad korisnik navigira tipkovnicom, mora biti vidljivo gdje je fokus (okvir oko gumba/linka).
- Najčešća greška: dizajner ukloni “ružni” fokus okvir CSS-om (
outline: none) i time isključi cijelu tipkovničku navigaciju vizualno - Popravak: zadržite ili stilizirajte vidljiv fokus, nemojte ga ukloniti
Titlovi videa
Video sadržaj treba titlove (za gluhe/nagluhe), a idealno i transkript.
- YouTube auto-titlovi su početak, ali ih treba provjeriti/ispraviti
- Ako imate promo video na naslovnici bez titlova — to je AA problem
Opća čitljivost
- Dovoljna veličina fonta (minimum ~16px za tijelo teksta)
- Tekst se mora moći zumirati do 200% bez loma layouta
- Izbjegavajte tekst kao dio slike (čitač ekrana ga ne vidi)
5. Kako besplatno testirati — alati i koraci
Ne trebate platiti reviziju da vidite gdje ste. Ovo su besplatni alati koje koriste i profesionalci.
Automatski alati (5 minuta)
- Lighthouse — ugrađen u Chrome. Otvorite DevTools (F12) → tab “Lighthouse” → pokrenite “Accessibility” reviziju. Dobijete ocjenu 0–100 i listu problema.
- axe DevTools — besplatna browser ekstenzija (Deque). Najtočniji automatski skener, malo lažnih pozitiva.
- WAVE — wave.webaim.org. Zalijepite URL, dobijete vizualni prikaz grešaka direktno na stranici.
Što automatski alati NE hvataju
Automatski alati uhvate oko 30–40% problema — kontrast, nedostajući alt, oznake. Ostatak traži ljudsku provjeru:
Ručno testiranje (30 minuta)
- Test tipkovnicom: odložite miš. Prođite cijelu stranicu i checkout samo s Tab, Enter, razmaknica. Možete li sve? Vidite li gdje je fokus?
- Test čitačem ekrana: uključite VoiceOver (Mac: Cmd+F5) ili NVDA (Windows, besplatan). Zatvorite oči i pokušajte navigirati. Ima li smisla?
- Test zumiranja: povećajte na 200% (Cmd/Ctrl +). Lomi li se layout? Nestaje li tekst?
Preporučen redoslijed
Prvo Lighthouse i axe za brzu listu → popravite lako uhvatljivo → pa ručni test tipkovnicom i čitačem za dubinu. Tako ne trošite vrijeme na ručno traženje onoga što alat nađe u sekundi.
6. Realni trošak popravka za malu hrvatsku firmu
Bez maglenih brojki. Evo realnog raspona za tipičnu stranicu (10–50 podstranica, webshop ili prezentacijska stranica).
Sami
- Alati: besplatno (Lighthouse, axe, WAVE)
- Vrijeme za popravke: 8–20 sati rada (kontrast, alt tekst, labeli, fokus, naslovi)
- Ukupno: 0 € + vrijeme, ako imate koga za manje CSS/HTML izmjene
S agencijom / developerom
- Audit pristupačnosti: 300–800 € (puni izvještaj sa svim problemima i prioritetima)
- Popravci (implementacija): 500–1.500 € za tipičnu malu stranicu
- Kompleksniji webshop / custom komponente: 1.500–3.500 €
- Ukupno prva faza: tipično 800–2.500 € za malu firmu
Održavanje
Pristupačnost nije jednokratno. Svaki novi sadržaj (nove slike bez alt teksta, novi video bez titlova) unosi nove probleme.
- Kvartalna provjera: 100–200 €/kvartal ako radi agencija, ili 1 sat vašeg vremena
- Ugradite pristupačnost u proces objave — jeftinije nego popravljati kasnije
7. Rizik i nadzor — bez pretjerivanja
Budimo iskreni, jer većina članaka ovdje plaši. Nadzor nad EAA-om u Hrvatskoj je u ranoj fazi (standard je tek na snazi od 2025.).
Kako izgleda stvarni rizik
- Nadzor: provode ga nadležna tijela tržišnog nadzora; sustav se u praksi tek uhodava
- Pokretač: najčešće pritužba korisnika ili organizacije osoba s invaliditetom, rjeđe proaktivna inspekcija
- Prvi korak: obično zahtjev za usklađivanje u zadanom roku, ne odmah kazna
- Sankcije: definiraju se na nacionalnoj razini; za ozbiljne i uporne prekršaje predviđene su novčane kazne
Realno gledanje
Neće vam sutra doći inspekcija zbog nedostajućeg alt teksta na jednoj slici. Ali:
- Ako ste veća firma (nad pragom mikro izuzeća) s webshopom — na radaru ste
- Pritužba korisnika pokreće proces koji morate riješiti u roku
- Reputacijski rizik (javno prozivanje da isključujete osobe s invaliditetom) često boli više od kazne
Poruka nije “bojte se kazne”. Poruka je: ovo je nova baseline obveza, riješite je mirno i po redu prije nego postane hitno.
8. Zašto se isplati i bez zakonske obveze
Čak i ako ste mikropoduzeće i formalno izuzeti, evo zašto pristupačnost nije trošak nego ulaganje.
SEO korist
Google-ovi ranking signali i WCAG kriteriji se jako preklapaju:
- Semantički HTML i struktura naslova → bolje razumijevanje sadržaja
- Alt tekst → indeksiranje slika i kontekst
- Brzina i čist kod → Core Web Vitals
- Jasna navigacija → bolji engagement signali
Pristupačna stranica je gotovo automatski i bolje optimizirana stranica.
Doseg i konverzija
Isključujete li 15–20% tržišta jer slabovid korisnik ne može pročitati vaš sivi tekst ili slijepi korisnik ne može dovršiti kupnju? To su izgubljene konverzije, mjerljive u eurima.
Bolji UX za sve
Rješenja za pristupačnost — jasan kontrast, čitljiv font, logična struktura, dobro označene forme — čine stranicu boljom za svakog korisnika, ne samo osobe s invaliditetom. Nitko se nikad nije žalio da je stranica prejasna.
9. Plan u koracima
Kako pristupiti bez stresa, redom:
- Testirajte (danas, 1h): pokrenite Lighthouse + axe + WAVE, plus ručni test tipkovnicom. Dobijete listu problema.
- Prioritizirajte: kontrast, alt tekst i navigacija tipkovnicom prvo — najveći utjecaj, najmanje truda.
- Popravite lako uhvatljivo: kontrast, alt tekstovi, labeli formi, vidljiv fokus — nekoliko dana rada.
- Riješite strukturu: naslovi H1–H6, semantika, čitljivost.
- Dodajte titlove: za sve video sadržaje.
- Retest: ponovno pokrenite alate i ručni test, potvrdite napredak.
- Ugradite u proces: svaka nova slika dobiva alt, svaki novi video titlove — pristupačnost postaje navika, ne kriza.
- Kvartalna provjera: kratki audit svaka 3 mjeseca da ne skliznete natrag.
Kratak zaključak
EAA je od lipnja 2025. nova baseline obveza za webshopove i digitalne usluge u EU, uz WCAG 2.1 AA kao tehnički standard. Mikropoduzeća koja pružaju usluge su uglavnom izuzeta — ali izuzeće je zakonska rupa, ne poslovni savjet, jer pristupačnost donosi SEO korist, veći doseg i bolji UX za sve.
Većina malih hrvatskih stranica ima 20–40 konkretnih problema, od kojih se većina popravi u nekoliko dana. Alati za testiranje su besplatni, prioriteti su jasni (kontrast, alt tekst, tipkovnica), a trošak popravka s agencijom realno stane u 800–2.500 € za tipičnu malu firmu.
Ako želite konkretnu sliku gdje vaša stranica stoji — radimo audit pristupačnosti (Lighthouse, axe, ručni test tipkovnicom i čitačem ekrana) i vraćamo vam punu listu problema po prioritetu, plus ponudu za popravak. Rezultat: znate točno što treba, koliko košta i koliko dugo traje.