Pristupačnost sajta: WCAG vodič za mala preduzeća
Autor: Nemanja Vukmirović, Lizzard Solutions. Poslednje ažuriranje: 11. novembar 2026.
Deo vaših posetilaca ne koristi miš, ne vidi bledosivi tekst ili sajt „sluša“ preko čitača ekrana. Ako im meni, kontakt forma ili korpa ne rade, oni odu, a vi nikad ne saznate zašto.
Ovaj vodič objašnjava pristupačnost sajta za male firme jednostavnim jezikom: šta traže WCAG smernice, kada se primenjuje propis EU, kako za 15 minuta sami testirate sajt i koje ispravke rešavaju većinu problema. Bez pravnog žargona i bez izmišljenih brojki.
Ukratko
- Pristupačnost sajta znači da osobe sa invaliditetom mogu da vide, koriste i razumeju sajt, tastaturom, čitačem ekrana ili uz uvećanje.
- Praktičan cilj je WCAG 2.2 nivo AA. Najčešće greške su slab kontrast, slike bez alt teksta, polja forme bez oznaka i „zarobljavanje“ tastature.
- Evropski akt o pristupačnosti od 28. juna 2025. važi za e-trgovinu i još neke usluge za potrošače u EU, ali izuzima mikro preduzeća koja pružaju usluge.
Šta je pristupačnost sajta?
Pristupačnost sajta je pravljenje sajta tako da ga osobe sa oštećenjem vida, sluha, motorike ili sa kognitivnim teškoćama mogu potpuno koristiti. U praksi to znači tekstualni opis slika, dovoljan kontrast boja, potpunu kontrolu tastaturom, jasne oznake polja u formama, titlove na videu i sadržaj koji radi i kada se uveća na 200%.
Globalni standard su Smernice za pristupačnost veb sadržaja (WCAG) koje objavljuje W3C. W3C pregled WCAG smernica sva pravila svrstava u četiri principa, poznata kao POUR:
| Princip | Šta znači | Primer za malu firmu |
|---|---|---|
| Uočljivost (Perceivable) | Sadržaj se može videti ili čuti na više načina | Alt tekst na slikama proizvoda, titlovi na promo videu |
| Upotrebljivost (Operable) | Sve radi i bez miša | Meni i kontakt forma rade sa Tab i Enter |
| Razumljivost (Understandable) | Tekst i ponašanje su predvidivi | Greška u formi kaže šta nije u redu i kako da se ispravi |
| Robusnost (Robust) | Radi sa pomoćnim tehnologijama | Dugmad su prava dugmad, a ne slike na koje se klikće |
WCAG ima tri nivoa: A (minimum), AA (uobičajen cilj u propisima i ugovorima) i AAA (najstroži). Ciljajte AA. Aktuelna verzija je WCAG 2.2.
Ključna poruka
Pristupačnost nije posebna „verzija“ sajta. To je način na koji se pravi običan sajt: semantički HTML, kontrast, oznake polja i podrška za tastaturu.
Uradite danas: zapišite tri stranice koje vam donose novac, obično početnu, stranicu usluge ili proizvoda i kontakt ili korpu. Njih testirajte prve.
Da li se Evropski akt o pristupačnosti odnosi na vašu firmu?
Evropski akt o pristupačnosti (Direktiva 2019/882) propisuje zahteve pristupačnosti za određene proizvode i usluge koje se prodaju potrošačima u EU. Za usluge se primenjuje na one pružene posle 28. juna 2025. Obuhvaćeni su, između ostalog, e-trgovina, bankarske usluge, e-knjige, elektronske komunikacije i delovi putničkog prevoza, poput sajtova i prodaje karata.
- Prodajete onlajn potrošačima u EU (web shop ili onlajn rezervacija sa plaćanjem): vaša usluga e-trgovine verovatno je obuhvaćena.
- Vi ste mikro preduzeće koje pruža usluge, odnosno imate manje od 10 zaposlenih i godišnji promet ili bilansnu sumu do 2 miliona evra: Direktiva vas izuzima od zahteva za usluge.
- Prodajete samo drugim firmama (B2B) ili imate prezentacioni sajt bez kupovine: pravila EAA za e-trgovinu se uglavnom ne odnose na vas.
- Firma iz Srbije: EAA je propis EU, ali može biti važan kada prodajete potrošačima u zemljama EU. Proverite i domaće propise i propise zemalja u kojima prodajete.
Napomena
Ovaj deo je opšta informacija, a ne pravni savet. Da li ste obuhvaćeni zavisi od toga šta, kome i gde prodajete. Ako imate web shop za kupce iz EU, proverite svoju situaciju sa pravnikom.
I kada vas propis ne obavezuje, računica je jasna. Pristupačna forma je lakša za sve, uključujući i nekoga ko je popunjava na telefonu na jakom suncu.
Uradite danas: odgovorite na dva pitanja: da li prodajete onlajn potrošačima u EU i da li ste iznad praga za mikro preduzeće? Ako su oba odgovora „da“, stavite proveru pristupačnosti na plan za ovaj kvartal.
Test pristupačnosti za 15 minuta
Za najveće probleme ne treba vam poseban softver. Koraci ispod se oslanjaju na W3C „Easy Checks“, koje svako može da uradi u pregledaču.
- Isključite miš. Pritiskajte Tab kroz početnu stranicu. Da li u svakom trenutku vidite gde je fokus? Možete li da otvorite meni, dođete do svakog linka i pošaljete kontakt formu?
- Uvećajte na 200%. Pritisnite Ctrl i + nekoliko puta. Tekst treba da se prelomi bez preklapanja i bez horizontalnog skrolovanja.
- Proverite kontrast. Unesite boju teksta i pozadine u WebAIM alat za proveru kontrasta. Za nivo AA običan tekst traži odnos od najmanje 4,5:1.
- Pročitajte alt tekst slika. Koristite inspektor u pregledaču ili ekstenziju za pristupačnost. Informativne slike traže kratak opis, a dekorativne prazan alt.
- Pošaljite praznu formu. Da li poruka o grešci tekstom kaže koje polje nije dobro, a ne samo crvenom bojom?
- Pustite video. Ima li titlove? Da li se nešto samo pokreće sa zvukom?
Primer: na sajtovima malih firmi često viđamo kontakt formu koja umesto oznaka ima samo tekst unutar polja (placeholder). Deluje uredno, ali uputstvo nestane čim počnete da kucate, a čitač ekrana može da pročita samo „polje za unos“. Vidljiva oznaka rešava oba problema.
Uradite danas: uradite korake 1 i 3 na kontakt stranici i zapišite svaku grešku.
10 najčešćih ispravki pristupačnosti
Većina problema dolazi sa kratke liste. Kada ovo sredite, pokrili ste velik deo onoga što bi provera pokazala.
| Problem | Rešenje | Ko rešava |
|---|---|---|
| Tekst slabog kontrasta | Potamnite tekst ili posvetlite pozadinu do 4,5:1 | Dizajner |
| Slike bez alt teksta | Opišite informativne slike; prazan alt za dekorativne | Urednik sadržaja |
| Polja forme bez oznaka | Vidljiv <label> povezan sa svakim poljem | Programer |
| Nema vidljivog fokusa | Nikad ne uklanjajte stil fokusa; stilizujte ga | Programer |
| Div elementi umesto dugmadi | Prava <button> i <a> dugmad i linkovi | Programer |
| Preskočeni nivoi naslova | Jedan H1, pa H2 i H3 redom | Urednik sadržaja |
| Linkovi „kliknite ovde“ | Opisni tekst linka | Urednik sadržaja |
| Video bez titlova | Dodajte titlove i transkript | Urednik sadržaja |
| Iskačući prozori koji zarobe fokus | Zatvaranje na Esc; fokus se vraća posle zatvaranja | Programer |
| Nije naveden jezik stranice | Postavite lang="sr" (ili "en") na stranicu | Programer |
Za srpske sajtove važi još jedna sitnica: atribut jezika treba da odgovara pismu i jeziku stranice, kako bi čitač ekrana pravilno izgovarao tekst. Više o izboru pisma pročitajte u vodiču latinica ili ćirilica na sajtu.
Deo ispravki pomaže i pretrazi. Opisni naslovi, alt tekst i tekst linkova deo su dobrog tehničkog SEO-a za sajtove malih firmi, jer pretraživači čitaju strukturu kao i pomoćne tehnologije.
Oprez
„Overlay“ dodaci obećavaju usklađenost jednom linijom koda. Oni ne popravljaju loš HTML ispod i mogu da smetaju čitačima ekrana koje ljudi već koriste. Popravite izvor problema.
Uradite danas: izaberite dve ispravke iz tabele koje urednik sadržaja može da uradi bez programera i primenite ih na glavnim stranicama.
Forme, CAPTCHA i korpa: gde kupci zapnu
U formama se pristupačnost pretvara u prihod. Posetilac koji ne može da pošalje upit za ponudu je izgubljen klijent.
- Označite svako polje i obavezna polja naznačite tekstom, ne samo bojom ili zvezdicom.
- Objasnite grešku pored polja i sačuvajte ono što je korisnik već uneo.
- Izbegavajte CAPTCHA zagonetke. Birajte nevidljive ili jednostavne provere. Naš vodič za zaštitu kontakt forme od spama pokazuje rešenja koja zaustavljaju botove, a ne ljude.
- Ne prekidajte sesiju bez upozorenja. Ako sesija ističe, upozorite i dajte više vremena.
- Testirajte plaćanje i prijavu tastaturom. Spoljni dodaci su čest izvor problema.
Uradite danas: popunite sopstvenu kontakt formu samo tastaturom, pa je pošaljite sa jednim namerno pogrešnim poljem.
Kako da pristupačnost ugradite u sajt
Ispravljanje posle objave košta više nego ugradnja od početka. Bilo da koristite WordPress, Webflow ili sajt rađen po meri, pravila su ista. U poređenju WordPress, Webflow ili sajt po meri videćete da se teme i šabloni mnogo razlikuju, pa testirajte pre izbora.
- Pre dizajna: izaberite boje brenda koje prolaze test kontrasta, uključujući tekst na dugmadima.
- Tokom izrade: u brifu ili ugovoru tražite semantički HTML, podršku za tastaturu i oznake polja.
- Pre objave: dodajte provere pristupačnosti u kontrolnu listu za pokretanje sajta.
- Posle objave: ponovo testirajte ključne stranice posle svakog redizajna, novog dodatka ili nove forme.
- Objavite izjavu o pristupačnosti sa kontaktom za one koji naiđu na prepreku.
Za širu proveru, naša kontrolna lista za proveru sajta stavlja pristupačnost uz brzinu, SEO i bezbednost, pa prioritete određujete u jednom prolazu.
Uradite danas: u sledeći brif za sajt dodajte rečenicu: „Sajt mora da ispunjava WCAG 2.2 nivo AA na svim javnim stranicama.“
Pristupačnost sajta: česta pitanja
Šta je WCAG 2.2 nivo AA?
WCAG 2.2 je aktuelna verzija W3C smernica za pristupačnost veb sadržaja. Nivo AA je srednji od tri nivoa usklađenosti i uobičajen cilj u propisima i javnim nabavkama. Obuhvata zahteve kao što su kontrast teksta 4,5:1, pristup tastaturom, vidljiv fokus, oznake polja u formama i titlove za snimljeni video.
Da li je pristupačnost sajta zakonska obaveza za male firme?
Zavisi od toga gde i šta prodajete. U EU Evropski akt o pristupačnosti obuhvata e-trgovinu i neke druge usluge za potrošače pružene posle 28. juna 2025, ali su mikro preduzeća koja pružaju usluge izuzeta. Javni sektor ima posebna pravila. Ovo je opšta informacija, pa svoj slučaj proverite sa pravnikom.
Može li dodatak (plugin) da učini sajt usklađenim?
Nijedan dodatak sam ne može da učini sajt usklađenim. Overlay alati dodaju traku sa opcijama, ali polja bez oznaka, loša navigacija tastaturom i loša struktura naslova ostaju u kodu. Korisni su dodaci koji pomažu da unesete alt tekst ili proverite kontrast. Pravo rešenje je u HTML-u, dizajnu i sadržaju.
Kako da testiram pristupačnost sajta?
Počnite ručno: krećite se samo tastaturom, uvećajte stranicu na 200%, proverite kontrast boja, alt tekst i oznake polja. Automatski alati brzo nađu deo problema, ali ne sve. Za web shop ili sajt u regulisanoj delatnosti dodajte test sa čitačem ekrana ili stručnu proveru.
Treba vam drugo mišljenje? Naša besplatna provera sajta pokazuje tehničke probleme na ključnim stranicama i šta prvo treba popraviti.
Želite sajt koji radi za svakog posetioca?
Proverićemo ključne stranice prema WCAG 2.2 AA i ispraviti probleme u vašoj temi ili kodu.
Zakažite besplatne konsultacije