Web pristupačnost: Kako učiniti stranicu dostupnom svima?

Zašto je web pristupačnost važna za vaše poslovanje?

Mnogi vlasnici firmi smatraju da je pristupačnost "tehničko pitanje" koje se tiče samo programera ili velikih korporacija. U stvarnosti, pristupačna web stranica direktno utječe na poslovne rezultate – od broja korisnika koji mogu koristiti sajt, do pozicije u Google pretragama.

WCAG standardi: Osnova web pristupačnosti

WCAG (Web Content Accessibility Guidelines) je međunarodni standard koji definira kako napraviti web sadržaj pristupačnim. Razvio ga je W3C (World Wide Web Consortium), a trenutno je najraširenija verzija WCAG 2.1. Standard je organiziran prema četiri osnovna principa, poznatija kao POUR:

1. P
   Perceivable (Uočljivo)

   Informacije i komponente korisničkog sučelja moraju biti prezentirane na načine koje korisnici mogu percipirati. To uključuje alt tekstove za slike, titlove za video sadržaj i dovoljni kontrast boja.

2. O
   Operable (Operabilno)

   Komponente sučelja i navigacija moraju biti dostupne svim korisnicima. Stranica mora biti u potpunosti navigabilna tastaturom, bez oslanjanja isključivo na miš.

3. U
   Understandable (Razumljivo)

   Informacije i rad korisničkog sučelja moraju biti razumljivi. Jasne poruke o greškama u formama, predvidivo ponašanje linkova i razumljiv jezik su ključni elementi.

4. R
   Robust (Robusno)

   Sadržaj mora biti dovoljno robustan da ga mogu interpretirati različiti korisnički agenti, uključujući asistivne tehnologije kao što su čitači ekrana.

Konkretne tehnike za pristupačniju web stranicu

Razumijevanje standarda je važno, ali konkretna implementacija je ono što čini razliku. Evo najvažnijih tehničkih i dizajnerskih mjera koje svaki profesionalno izrađen sajt treba sadržavati.

1. Alt tekstovi za slike

Svaka funkcionalna slika na stranici mora imati atribut alt s opisom sadržaja. Čitači ekrana (screen readeri) koje koriste slijepe osobe čitaju ove opise naglas. Dekorativne slike trebaju imati prazni alt (alt="") kako bi čitač ekrana te slike ignorisao. Google-ov algoritam koristi alt tekstove i za pretraživanje slika, pa je ovo ujedno i SEO poboljšanje.

2. Semantički HTML i pravilna struktura naslova

Upotreba semantičnih HTML5 elemenata (<nav>, <main>, <article>, <aside>) umjesto generičkih <div> elemenata pomaže čitačima ekrana da razumiju strukturu stranice. Naslovi trebaju biti logički organizovani od H1 do H6 bez preskakanja nivoa – ovo je kritično i za SEO i za korisnikovo snalaženje na stranici.

3. Navigacija tastaturom

Svaki interaktivni element (link, dugme, forma) mora biti dostupan i putem tastature koristeći Tab tipku. Fokus na aktivnom elementu mora biti vizualno vidljiv – ne smije se uklanjati CSS-om (outline: none bez zamjene). Korisnici s motoričkim poteškoćama, ali i mnogi iskusni korisnici koji vole tipkovničke prečice, ovise o ovoj funkcionalnosti.

4. Kontrast boja i veličina teksta

WCAG AA standard zahtijeva omjer kontrasta od najmanje 4.5:1 za normalni tekst i 3:1 za veliki tekst između teksta i pozadine. Osim kontrasta, tekst ne smije biti manji od 16px za osnovni sadržaj, a korisnik mora moći povećati font u browseru do 200% bez gubitka funkcionalnosti. Alati poput Chrome DevTools ili WebAIM Contrast Checker pomažu u provjeri.

5. Pristupačni formulari

Svako polje u formularu mora imati jasnu labelu (<label>) koja je programski vezana za input. Placeholder tekst nije zamjena za label. Poruke o greškama moraju biti jasne, konkretne i vezane za specifično polje – "Unesite ispravnu e-mail adresu" je korisno, "Greška" nije. ARIA atributi (aria-required, aria-describedby) dodatno poboljšavaju iskustvo za korisnike asistivnih tehnologija.

Checklist pristupačnosti za web stranicu

Koristite ovu tabelu kao polaznu tačku pri provjeri ili planiranju pristupačnosti vaše web stranice:

Alati za testiranje web pristupačnosti

Automatizovano testiranje može otkriti do 30-40% pristupačnost grešaka. Za potpunu provjeru neophodno je i ručno testiranje. Najčešće korišteni alati su:

• axe DevTools – browser ekstenzija koja skenira stranicu i prikazuje pristupačnost greške direktno u DevToolsu
• Lighthouse – ugrađen u Chrome DevTools, daje skor pristupačnosti kao dio šire revizije performansi
• NVDA / VoiceOver – besplatni čitači ekrana za Windows i macOS za ručno testiranje kako slijepi korisnici doživljavaju stranicu
• WebAIM WAVE – online alat koji vizualno prikazuje pristupačnost elementa direktno na stranici
• Colour Contrast Analyser – desktop aplikacija za preciznu provjeru omjera kontrasta između boja

Pristupačnost i responsivni dizajn idu ruku pod ruku

Profesionalna izrada web stranica danas podrazumijeva i responsivnost i pristupačnost kao dvije strane iste medalje. Responsivni dizajn koji se prilagođava svim veličinama ekrana već po defaultu rješava dio pristupačnost zahtjeva – sadržaj koji je čitljiv na mobilnim uređajima tipično je i lakši za kogntivno procesiranje. Fleksibilni layout-i koji se ne oslanjaju na fiksne piksele omogućavaju korisnicima s oštećenim vidom da povećaju prikaz bez horizontalnog scrollanja.

Pored toga, "mobile-first" pristup dizajnu prirodno vodi ka jednostavnijem, preglednijem sučelju – što je i temelj dobre pristupačnosti. Kompleksne hover interakcije koje ne funkcionišu na touch uređajima su jednako problematične za mobilne korisnike koliko i za osobe koje koriste alternativne ulazne uređaje.

Zakonska regulativa i pristupačnost u Bosni i Hercegovini

Europski zakon o pristupačnosti (European Accessibility Act – EAA), koji je stupio na snagu u junu 2025. godine, obavezuje kompanije da njihovi digitalni proizvodi i usluge budu pristupačni. Iako se primarno odnosi na EU tržište, firme iz BiH koje pružaju usluge evropskim kupcima ili planiraju ekspanziju u EU moraju biti svjesne ovih zahtjeva. Javne institucije u BiH imaju posebne obaveze prema lokalnom zakonu o zabrani diskriminacije.

Za privatne firme u BiH koje posluju lokalno, zakonska obaveza nije još uvijek strogo regulisana, ali je trend jasno usmjeren prema sve strožim zahtjevima. Firme koje sada ulože u pristupačnost bit će bolje pozicionirane kada regulativa postane obavezna, a istovremeno ostvaruju i poslovne benefite od pristupačnijeg sajta.

"Moć weba je u njegovoj univerzalnosti. Pristup svim ljudima, bez obzira na invaliditet, esencijalni je aspekt."

— Tim Berners-Lee, izumitelj World Wide Weba

Kako NEVIS pristupa web pristupačnosti?

Pristupačnost nije opcija niti "nice to have" feature – to je dio kvalitetnog web razvoja. Pri profesionalnoj izradi web stranica, implementiramo semantički HTML, ARIA atribute tamo gdje su potrebni, testiramo navigaciju tastaturom i osiguravamo da kontrast boja zadovoljava WCAG AA standard. Svaka stranica koju isporučujemo podliježe provjeri pristupačnosti kao dijelu standardnog QA procesa.

Ako razmišljate o digitalnom marketingu i oglašavanju, vrijedi znati da pristupačan sajt s boljim SEO temeljima i nižim bounce rateom direktno poboljšava rezultate vaših kampanja. Svaki euro uložen u oglašavanje ima veći povrat na pristupačnoj, kvalitetnoj stranici.