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 vodič, š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: padajući izbornik ili modal po mjeri 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 / komponente po mjeri: 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.
