Web pristupačnost: zašto je važna i kako da je poboljšaš na svom sajtu

Kada ljudi ne mogu da koriste tvoj sajt, odlaze tiho

Većina vlasnika firmi sa kojima razgovaram ne pita da li je pristupačnost moralno ispravna. Žele da znaju da li se ulaganje isplati, šta konkretno rešava i gde se uklapaju zakonske obaveze, a da cela tema ne postane kampanja zastrašivanja.

Moje mišljenje je jednostavno: pristupačnost je ozbiljno shvaćena upotrebljivost.

Ako posetilac ne može da otvori meni tastaturom, razume grešku u formularu, pročita tekst zbog slabog kontrasta ili koristi stranicu kada je uveća, problem nije apstraktan. Jedna osoba manje može da završi ono zbog čega je došla.

Nećeš uvek dobiti ljut mejl ili prijavu greške. Češće će korisnik samo zatvoriti stranicu i otići kod konkurenta. Zbog toga nepristupačnost često ostaje nevidljiva u poslovnim izveštajima, iako direktno utiče na upite, kupovinu, rezervacije i poverenje.

WCAG je referentna tačka, ne buzzword

Web Content Accessibility Guidelines (WCAG) objavljuje organizacija W3C kroz Web Accessibility Initiative (WAI). Smernice objašnjavaju kako digitalni sadržaj učiniti pristupačnijim ljudima sa različitim vizuelnim, slušnim, motoričkim i kognitivnim poteškoćama.

WCAG se zasniva na četiri principa. Sadržaj mora biti:

• uočljiv, informacije ne smeju zavisiti samo od vida, sluha ili razlikovanja boja
• operabilan, kontrole i navigacija moraju moći da se koriste različitim načinima unosa
• razumljiv, sadržaj, ponašanje interfejsa i poruke o greškama treba da budu jasni
• robustan, stranica treba pouzdano da radi u različitim pregledačima i sa pomoćnim tehnologijama

U praksi to uključuje:

• tekstualne alternative za slike koje prenose informaciju
• korišćenje menija, dugmadi i formulara tastaturom
• dovoljan kontrast teksta i interaktivnih elemenata
• jasno vidljiv fokus prilikom kretanja tastaturom
• pravilne oznake polja i razumljive poruke o greškama
• smislenu strukturu naslova i semantički HTML
• sadržaj koji ostaje upotrebljiv kada se uveća ili zumira
• titlove ili transkripte kada govor prenosi važne informacije

Usaglašenost se ocenjuje na tri nivoa: A, AA i AAA. Za većinu poslovnih sajtova nivo AA predstavlja razuman cilj kada je pristupačnost deo projektnog zahteva. AAA može biti važan u određenim oblastima, ali nije automatski pravi prvi korak za svaki sajt.

WCAG 2.2 je aktuelna preporuka W3C-a. Starije verzije nisu preko noći postale beskorisne, a pojedini propisi i ugovori i dalje upućuju na WCAG 2.0 ili 2.1. Zato ozbiljna revizija treba jasno da navede koju verziju, nivo i obim proverava, umesto da samo obeća da je sajt „WCAG compliant“.

Pristupačnost nije savršen rezultat u jednom alatu

Jedna od najčešćih grešaka je izjednačavanje pristupačnosti sa zelenim rezultatom u Lighthouse-u ili izveštajem bez automatski pronađenih grešaka.

Alati kao što su Lighthouse i axe mogu brzo da pronađu:

• nedovoljan kontrast
• slike bez alt atributa
• kontrole bez pristupačnog imena
• određene probleme sa HTML strukturom
• neke pogrešno povezane oznake formulara

To je korisno, ali nije dovoljno.

Automatski test ne može pouzdano da proceni da li alternativni tekst objašnjava sliku, da li je redosled fokusa logičan, da li je poruka o grešci razumljiva ili da li ceo proces rezervacije ima smisla kada se koristi čitačem ekrana.

Zato tehnička provera treba da kombinuje automatizovane alate, korišćenje tastature, proveru sa pomoćnim tehnologijama i pregled stvarnog sadržaja. Nijedan dodatak niti overlay ne može sam da garantuje pristupačnost celog sajta.

Poslovni argument je praktičan, ne dramatičan

Pristupačnost podržava poslovne rezultate zato što uklanja prepreke koje ne moraju da postoje.

• Formulari i kupovina. Polja bez oznaka, nejasne greške i zamke za tastaturu predstavljaju probleme konverzije pre nego što postanu pravna pitanja.
• Mobilna upotreba. Veća aktivna područja, jasniji tekst i stabilan raspored pomažu i ljudima koji koriste telefon na suncu, u pokretu ili jednom rukom.
• Struktura sadržaja. Smisleni naslovi, opisni linkovi i semantički HTML pomažu korisnicima da se snađu, a pretraživačima da razumeju sadržaj. To nije garancija rangiranja, ali jeste zdrava tehnička osnova.
• Održavanje. Dosledne, pristupačne komponente lakše je testirati, dokumentovati i predati timu koji kasnije uređuje sajt.
• Javne nabavke i partnerstva. Klijenti i nabavni timovi sve češće traže objašnjenje standarda, nivoa usaglašenosti i načina testiranja.

U pregledima stalno nailazim na slične probleme: svetlosiv tekst koji je u Figmi izgledao elegantno, dugmad sa ikonom ali bez pristupačnog naziva, karusele koje nije moguće kontrolisati tastaturom i PDF dokumente koji predstavljaju jedini izvor važnih informacija.

To nisu egzotični slučajevi. To su svakodnevne odluke u dizajnu, sadržaju i razvoju.

Šta je sa zakonskim obavezama?

Zakonske obaveze zavise od zemlje, delatnosti, vrste usluge, ciljne grupe i toga da li firma radi sa javnim sektorom. Zato tehnička revizija pristupačnosti nije isto što i pravno mišljenje.

U Evropskoj uniji, Direktiva (EU) 2016/2102 uređuje pristupačnost sajtova i mobilnih aplikacija organa javnog sektora. European Accessibility Act od 28. juna 2025. proširuje zahteve na određene proizvode i potrošačke usluge, među kojima mogu biti e-trgovina, elektronske komunikacije, bankarske usluge i pojedine transportne usluge.

To ne znači da svaki mali poslovni sajt automatski potpada pod iste obaveze. Direktiva sadrži definisan obim, izuzetke i posebna pravila, uključujući izuzetak za određena mikropreduzeća koja pružaju usluge. Konkretna primena zavisi i od nacionalnog zakonodavstva države članice.

Srbija nije članica EU, pa se evropske direktive ne primenjuju na svaku domaću firmu samo zato što posluje iz Srbije. Međutim, mogu postati relevantne ako firma pruža obuhvaćene usluge potrošačima u EU, učestvuje u nabavkama ili posluje u sektoru sa posebnim zahtevima. Domaće obaveze takođe zavise od važećih propisa i konkretnog konteksta.

Poenta nije da te uplašim pravnim rizikom. Poenta je da standardi već postoje, da ih klijenti i institucije sve češće traže i da je pristupačnost obično jeftinija kada se ugradi u sistem nego kada se naknadno popravlja na desetinama različitih šablona.

Za procenu konkretne pravne obaveze potreban je pravnik koji poznaje tržište i delatnost. Tehnički audit može da pokaže gde sajt odstupa od izabranog standarda, ali ne treba da se predstavlja kao pravni savet.

Gde bih počeo na tipičnom poslovnom sajtu

Ne moraš da rešavaš sve odjednom. Prvo proveri puteve koje ljudi zaista koriste za kontakt, kupovinu ili pristup usluzi.

1. Prođi glavne tokove samo tastaturom. Proveri početnu, usluge, kontakt, rezervaciju, kupovinu i prijavu. Fokus mora biti vidljiv, logičan i ne sme ostati zarobljen u meniju ili modalu.
2. Popravi formulare. Svako polje treba da ima jasnu oznaku, greške treba da objasne šta nije u redu, a potvrda slanja mora biti uočljiva i razumljiva.
3. Proveri kontrast na stvarnom sadržaju. Ne gledaj samo glavni naslov. Pregledaj dugmad, linkove, pomoćni tekst, placeholder sadržaj, footer i stanja pri prelasku mišem ili fokusu.
4. Pregledaj strukturu stranice. Naslovi treba da prate logičan redosled. Semantički elementi treba da opisuju ulogu sadržaja, a ne samo da služe stilizovanju.
5. Proveri slike i ikone. Informativne slike traže koristan alternativni tekst. Dekorativne slike treba ignorisati na odgovarajući način. Ikona bez tekstualne oznake mora imati pristupačno ime.
6. Testiraj uvećanje na 200%. Tekst i kontrole ne bi smeli da se preklapaju, nestaju ili zahtevaju nepotrebno horizontalno pomeranje.
7. Pregledaj video, audio i animacije. Dodaj titlove ili transkript kada govor nosi značenje. Omogući kontrolu nad sadržajem koji se automatski pokreće ili kreće.
8. Uradi osnovnu proveru čitačem ekrana. Naslovi, regioni stranice, linkovi, dugmad i greške u formularima treba da budu razumljivi i bez gledanja ekrana.
9. Proveri komponente trećih strana. Cookie baner, chat, mapa ili sistem za rezervacije mogu pokvariti inače pristupačan tok.

Ovaj pregled nije potpuna provera WCAG kriterijuma, ali pokriva veliki deo problema koji najviše utiču na stvarne korisnike malih i srednjih firmi.

Pristupačnost nije jednokratan projekat

Sajt može biti dobro napravljen pri lansiranju, a zatim postepeno postati manje pristupačan.

Dovoljni su:

• novi tekst sa slabim kontrastom
• fotografija bez smislenog alternativnog opisa
• video bez titlova
• kampanjska stranica napravljena mimo sistema
• novi dodatak koji remeti fokus tastature
• PDF koji zamenjuje postojeću HTML stranicu

Zato pristupačnost nije samo odgovornost developera. Dizajner definiše kontrast, fokus i interaktivna stanja. Autor sadržaja bira naslove, tekst linkova i alternativne opise. Developer obezbeđuje semantiku i ponašanje komponenti. Vlasnik proizvoda odlučuje šta će biti prioritet i kako će se kvalitet proveravati posle objave.

Najodrživiji rezultat dolazi kada tim ima nekoliko jasnih pravila i ponovljiv proces, a ne kada jednom godišnje pokušava da popravi sve nagomilane probleme.

Kompromisi o kojima treba govoriti otvoreno

Potpuna usaglašenost odmah ili postepeno poboljšanje. Predstavljački sajt i platforma za rezervacije nemaju isti obim ni rizik. Ako ne može sve odjednom, počni od tokova koji omogućavaju kontakt, kupovinu ili korišćenje usluge.

Automatizovani alati ili ručna provera. Nije ili-ili. Alati ubrzavaju otkrivanje određenih problema, dok ručno testiranje pokazuje da li je ceo tok zaista upotrebljiv.

Vizuelni trendovi ili čitljivost. Tanka siva slova, tekst preko fotografije i neprekidne animacije često stvaraju dug pristupačnosti. To obično nije izbor između dobrog dizajna i pristupačnosti, već između prolaznog trenda i jasnog interfejsa.

Postojeći sistem ili potpuna obnova. Mnogi problemi mogu da se poprave bez redizajna. Ako su komponente nedosledne, CMS ograničavajući, a svaki popravak kvari drugi šablon, sistemsko sređivanje može biti razumnije od beskonačnih zakrpa.

Sopstveni kod ili widgeti trećih strana. Možeš napraviti pristupačan sajt i zatim u njega ubaciti nepristupačan chat, cookie baner ili sistem za rezervacije. Spoljne komponente treba testirati jednako ozbiljno kao sopstveni kod.

Kako izgleda dobar napredak

Za značajno poboljšanje nije ti potreban savršen rezultat u svakom alatu.

Dobar napredak znači da:

• kontakt forma radi tastaturom i sa čitačem ekrana
• primarni pozivi na akciju su vidljivi, jasni i dovoljno veliki
• ključne stranice imaju smislenu strukturu naslova
• poruke o greškama objašnjavaju kako da se problem ispravi
• video-sadržaj koji prenosi važne informacije ima titlove ili transkript
• tim zna kako da objavi novi sadržaj bez ponovnog uvođenja istih problema
• pristupačnost ulazi u proveru pre objave, umesto tek posle pritužbe

To već smanjuje stvarne prepreke korisnicima i čini buduće izmene jeftinijim.

Cilj nije oznaka koju možeš da staviš u footer. Cilj je sajt koji veći broj ljudi može pouzdano da razume i koristi.

Hoćeš da vidiš gde tvoj sajt danas stoji?

Kontaktiraj me za fokusiranu reviziju pristupačnosti sa praktičnim prioritetima. Dobićeš jasan pregled šta najviše ometa korisnike, šta treba popraviti prvo i šta može da sačeka narednu fazu.