WCAG pristupačnost sajta: vodič za 2025. godinu - Zephyra Studio

Pristupačnost sajta (WCAG - Web Content Accessibility Guidelines) znači da sajt mogu da koriste i ljudi sa oštećenjem vida, motoričkim ograničenjima, ili drugim invaliditetima, obično uz pomoć čitača ekrana ili navigacije samo tastaturom. Ovo nije samo pravno pitanje u nekim jurisdikcijama, nego i veće tržište za vas - procenat populacije sa nekim oblikom invaliditeta nije zanemarljiv. Evo osnovnih koraka koji najviše menjaju pristupačnost.

Kontrast boja: čitljivost pre estetike

WCAG AA standard (najčešći ciljni nivo) zahteva minimalan kontrast 4.5:1 između teksta i pozadine za običan tekst, 3:1 za veliki tekst. Moderni "minimalistički" dizajn sa svetlo-sivim tekstom na beloj pozadini često pada ispod ovog praga - izgleda elegantno dizajneru, ali je teško čitljivo za mnoge posetioce, ne samo one sa oštećenjem vida.

Alati za proveru kontrasta (besplatni, npr. WebAIM Contrast Checker) daju brzu, objektivnu proveru bez nagađanja "da li je ovo dovoljno čitljivo".

Alt tekst na slikama: opis, ne ključna reč

Alt tekst opisuje sliku za nekoga ko je ne vidi (čitač ekrana ga čita naglas). Čest propust: alt tekst pun ključnih reči radi SEO-a ("frizerski salon Beograd najbolji frizer") umesto stvarnog opisa slike ("žena sa kratkom frizurom u frizerskom salonu") - ovo šteti i pristupačnosti (ne opisuje sliku) i SEO-u (Google prepoznaje spam obrazac).

Dekorativne slike (koje ne nose informativnu vrednost) mogu imati prazan alt atribut (alt="") tako da ih čitač ekrana preskoči, umesto da čita nešto nepotrebno.

Navigacija tastaturom: da li sajt radi bez miša

Neki posetioci ne mogu da koriste miš (motorička ograničenja) i navigiraju isključivo tastaturom (Tab, Enter, strelice). Test je jednostavan: pokušajte da koristite ceo sajt (meni, forme, dugmad) samo tastaturom, bez ijednog klika mišem. Čest problem: fokus (vizuelna indikacija koji element je trenutno selektovan) je nevidljiv ili uklonjen CSS-om, pa korisnik ne zna gde se nalazi na stranici.

Struktura naslova i semantički HTML

Čitači ekrana koriste hijerarhiju naslova (H1, H2, H3) da posetiocu daju "mapu" stranice bez čitanja svega redom - preskakanje nivoa (H1 pa odmah H3, bez H2 između) ili korišćenje naslova samo zbog vizuelnog stila (veliki, bold tekst formatiran kao H2 iako nije stvarno naslov sekcije) narušava tu mapu. Korišćenje pravih HTML elemenata (button umesto div koji se ponaša kao dugme, nav za navigaciju) takođe pomaže čitačima ekrana da razumeju strukturu bez dodatnog opisivanja.

Izvor

Ključni zaključci

• Minimalan kontrast 4.5:1 za običan tekst (WCAG AA) - svetlo-sivi tekst na beloj pozadini često pada ispod ovog praga.
• Alt tekst treba da opisuje sliku za nekoga ko je ne vidi, ne da bude gomila ključnih reči za SEO.
• Test navigacije tastaturom (bez miša) brzo otkriva probleme koje vizuelni pregled ne pokazuje.
• Hijerarhija naslova (H1-H3) daje čitačima ekrana mapu stranice - preskakanje nivoa tu mapu narušava.

Zaključak

Puna WCAG usklađenost je opsežan tehnički poduhvat, ali osnovni koraci iznad pokrivaju najveći deo stvarnog uticaja uz razumno ulaganje truda. Naša GDPR i pristupačnost usluga uključuje osnovnu WCAG proveru (kontrast, alt tekst, navigacija tastaturom) kao standardan deo izrade sajta.