Veliko ljudi spletno stran uporablja izključno s tipkovnico — zaradi motnje gibanja, poškodbe roke ali bralnika zaslona. Če se na vaši strani s tipko Tab ne da priti do vseh povezav, gumbov in polj obrazcev, ti obiskovalci strani ne morejo uporabljati.
Hiter preizkus v desetih minutah
Odprite svojo stran in miško odložite. S tipko Tab se premikajte naprej, s Shift+Tab nazaj, z Enter ali preslednico pa sprožite gumbe in povezave.
Pri vsakem pritisku Tab mora biti jasno vidno, kje ste — običajno kot obroč okoli elementa. Če označbe ni, je to napaka.
- Ali lahko odprete in zaprete glavni meni?
- Ali lahko zaprete pojavna okna (popup) s tipko Esc?
- Ali lahko izpolnite in oddate obrazec?
- Ali se fokus izgubi ali obtiči na kakem elementu (past fokusa)?
- Ali drsnike in koledarje lahko upravljate s puščicami?
Najpogostejše napake
- Elementi, ki so videti kot gumbi, a so izdelani iz div-ov — tipkovnica jih sploh ne zazna.
- Odstranjen fokusni obroč v CSS (outline: none) brez nadomestne označbe.
- Pojavna okna, ki ujamejo fokus in ga ne vrnejo ob zaprtju.
- Meni, ki se odpre samo ob prehodu miške (hover).
- Nenaravno zaporedje tabulatorja — fokus skače po strani nepregledno.
Kako popravite
Uporabljajte prave HTML elemente: button za gumbe, a za povezave, label za polja obrazcev. Ti elementi so sami po sebi dostopni s tipkovnico.
Fokusnega obroča ne skrivajte — če vam privzeti ni všeč, ga oblikujte v skladu z vašo zasnovo, a pustite vidnega.
Preberite tudi
Barvni kontrast po WCAG: koliko je dovolj in kako ga preverite
Kakšno razmerje kontrasta zahteva WCAG 2.2 AA za besedilo, gumbe in ikone, kako ga izmerite in katere napake so v slovenskih spletnih straneh najpogostejše.
Nadomestna besedila slik (alt): kdaj, kako in kdaj naj ostane prazno
Kako napisati koristno nadomestno besedilo slike, kdaj naj bo alt prazen, kaj z grafi in logotipi ter zakaj alt ni prostor za ključne besede.
Izjava o dostopnosti: kaj mora vsebovati in kako jo pripravite
Kdo mora objaviti izjavo o dostopnosti, katere sestavine so obvezne, kje na strani naj bo objavljena in kako pripravite prvo različico.
Dostopni obrazci: oznake, napake in sporočila, ki jih vsi razumejo
Zakaj obrazci odpovedujejo, kako pravilno označiti polja, napisati razumljiva sporočila o napakah in zakaj placeholder ni nadomestilo za oznako.
Naslovi H1–H6: zakaj je pravilna struktura naslovov temelj dostopnosti
Kako pravilno hierarhijo naslovov uporabljajo bralniki zaslona, zakaj naslovov ne smete izbirati po velikosti pisave in kako hitro preverite svojo stran.
Dostopni PDF in Word dokumenti: kaj zahtevajo predpisi in kako jih pripravite
Zakaj morajo biti PDF-ji na spletnih straneh javnega sektorja dostopni, kaj pomeni označen (tagged) PDF in kdaj je dokument bolje objaviti kot spletno stran.
Povezave, ki povedo, kam vodijo: zakaj »kliknite tukaj« ni dovolj
Zakaj mora besedilo povezave samo po sebi povedati, kam vodi, kako to pomaga uporabnikom bralnikov zaslona in iskalnikom ter kako popravite najhujše primere.
Podnapisi in prepisi videov: kako naredite video dostopen vsem
Zakaj video vsebina brez podnapisov ni dostopna, kako enostavno dodate podnapise na YouTube in svojo stran ter kaj zahtevajo predpisi za avdiovizualno vsebino.
Dostopnost mobilnih aplikacij: kaj se razlikuje od spletnih strani
Evropski akt o dostopnosti zajema tudi mobilne aplikacije. Kaj morate upoštevati pri zasnovi aplikacije: velikost dotika, besedilo, bralniki zaslona in orientacija.
Hitrost nalaganja in dostopnost: zakaj počasna stran izključuje obiskovalce
Počasne strani težje uporabljajo ljudje s kognitivnimi ovirami, starejšimi napravami in slabo povezavo. Kaj izmeriti in kako pospešiti stran.
Razumljiv jezik in enostavna slovenščina: pišite za vse bralce
Kako napisati vsebino, ki jo razumejo ljudje z brajnimi težavami, tujci in hitri bralci: kratki stavki, jasne besede in dobra razčlenitev.
Kako izbrati ponudnika za dostopnost spletnih strani: vprašanja pred podpisom
Česa se lotiti pred naročilom rešitve za dostopnost: katera vprašanja zastaviti ponudniku, kako prepoznati pretirane obljube in kaj mora biti v ponudbi.
Dostopnost za občine in javne zavode: od zahteve do delujoče strani
Praktičen načrt za občine, šole in javne zavode: kaj zahteva ZDSMA, v kakšnem vrstnem redu urediti spletišče in kako razporediti delo brez velikega proračuna.