Zakaj samodejne preveritve razkrijejo več, kot pričakujete
Večina lastnikov spletnih trgovin predpostavlja, da je njihovo spletno mesto dostopno. Realnost je pogosto drugačna. Samodejno preverjanje tipično razkrije desetine do stotine ugotovitev celo v navidezno normalni spletni trgovini.
Avtomatizacija pokriva približno 30–50 % pravil WCAG 2.1 AA. Kateri so najpogostejši problemi?
Manjkajoča alt besedila
Najpogostejša ugotovitev. Slike brez besedilnega opisa (atribut alt) so za uporabnike bralnikov zaslona popolnoma nedostopne.
Kako popraviti:
- Funkcionalne slike (izdelki, ilustracije, logotipi): smiselni opis tega, kar slika prikazuje ali kaj gumb naredi
- Dekorativne slike (ozadja, okrasje): prazen atribut alt, da ga bralniki zaslona pravilno preskočijo
- Slike, ki vsebujejo besedilo: besedilo mora biti prisotno v atributu alt
Nizek barvni kontrast
Drugi najpogostejši problem. WCAG 2.1 AA zahteva minimalno razmerje kontrasta 4,5:1 za navadno besedilo in 3:1 za veliko besedilo (18 pt ali 14 pt krepko). Slab kontrast prizadene ljudi s slabim vidom.
Tipično problematični elementi: svetel gumb 'Dodaj v košarico' na belem ozadju, sivo opisno besedilo, sporočila o napakah v bledi barvi, besedilo na slikovnih pasicah.
Kako popraviti: orodja, kot sta Colour Contrast Analyser ali samodejno skeniranje, vam bodo takoj pokazala, katera mesta ne izpolnjujejo standarda.
Nedostopni obrazci
Obrazci so kritična točka vsake spletne trgovine. Najpogostejši problemi:
- Manjkajoča oznaka (label) za polje: polje E-pošta brez programsko dodeljene oznake ni prepoznavno za bralnik zaslona
- Sporočila o napakah, ki niso najavljena prek ARIA: uporabnik z bralnikom zaslona ne vidi, da je prišlo do napake
- Obvezna polja brez oznake: zvezdica (*) brez besedilne razlage ni dovolj
- Gumbi brez smiselnega besedila: 'Potrdi' je boljše kot le ikona brez opisa
Težave z upravljanjem tipkovnice
Vaš nacionalni zakon, ki izvaja EAA, zahteva, da je celotna spletna trgovina upravljiva brez miške. Najpogostejši problemi:
- Manjkajoč vidni focus ring: ko uporabnik z ikono Tab premika po strani, mora vedno videti, kje se nahaja
- Keyboard trap: uporabnik je ujet v modalnem oknu ali meniju in ne more izstopiti s tipkovnico
- Slaba vrstna reda fokusa: Tab skače po strani na nenaraven način
Nedostopni interaktivni elementi
Gumbi in povezave morajo imeti dostopno ime, da jih pomožne tehnologije pravilno najavljajo. Problematični vzorci:
- Gumb samo z ikono brez besedila ali aria-label
- Povezava 'Kliknite tukaj' ali 'Več' brez konteksta
- Interaktivni div ali span brez role='button' in podpore tipkovnice
Kako začeti z odpravljanjem
Priporočeni pristop:
- Zaženite samodejno skeniranje — hitro in brezplačno prepoznajte najpomembnejše probleme
- Razvrstite po resnosti: najprej rešite kritične (critical) in resne (serious) ugotovitve
- Odpravite tehnične napake: alt besedila, kontrast in oznake obrazcev so razmeroma preproste popravke
- Naročite ročno revizijo: preostala pravila (razumljivost, vedenje z bralniki zaslona) zahtevajo človeško presojo
Zapomnite si: samodejne preveritve odkrijejo približno 30–50 % pravil WCAG. Odprava samodejno odkritih napak je nujen, a ne zadosten korak za izpolnjevanje nacionalnega zakona, ki izvaja EAA.
Drugi članki vodnika
Pogosto zastavljena vprašanja
- Koliko napak je normalno?
- Večina spletnih trgovin ima desetine do stotine samodejno zaznanih ugotovitev. Pomembnejša od števila je resnost — kritične in resne napake odpravite najprej.
- Kako vem, kaj odpraviti najprej?
- Osredotočite se na ugotovitve, označene kot kritične (critical) in resne (serious) — te imajo največji vpliv na uporabnike z invalidnostjo.
- Ali je dovolj odpraviti samodejno odkrite napake?
- Ne. Avtomatizacija odkrije približno 30–50 % pravil WCAG 2.1 AA. Za popoln pregled — in za izpolnjevanje nacionalnega zakona, ki izvaja EAA — je potrebna ročna revizija.
Želite preveriti dostopnost svojega spletnega mesta zdaj?
Zaženi preverjanje dostopnosti