Tipkovnična navigacija in vidni fokus
Kako narediti stran uporabno samo s tipkovnico.
Na kratko
Vsak interaktivni element mora biti dosegljiv s tipkovnico, v logičnem vrstnem redu in z jasno vidnim fokusom.
Mnogi uporabniki ne uporabljajo miške. Če stran deluje samo s tipkovnico, je uporabna za bistveno širši krog ljudi.
Zakaj je tipkovnica pomembna
S tipkovnico (ali napravami, ki jo posnemajo) stran uporabljajo ljudje z gibalnimi ovirami, uporabniki bralnikov zaslona in mnogi drugi. Če se do gumba ali povezave ne da priti s tabulatorko, ta element zanje ne obstaja.
Logičen vrstni red fokusa
Fokus se mora premikati v smiselnem, predvidljivem vrstnem redu — običajno tako, kot se vsebina bere. Semantični HTML to zagotovi skoraj sam; težave nastanejo, ko vizualni vrstni red in vrstni red v kodi nista usklajena.
Fokus mora biti viden
Uporabnik tipkovnice mora vedno videti, kje je. Odstranjevanje obrisa fokusa (outline: none) brez nadomestila je pogosta in resna napaka. Fokus naj bo jasen in kontrasten — to je zahteva WCAG.
Pogoste pasti
- past fokusa v modalnih oknih, iz katerih se ne da izstopiti s tipkovnico,
- meniji in spustni seznami, ki delujejo le z miško,
- elementi z div namesto pravih gumbov, ki jih tipkovnica ne doseže,
- obrazci brez povezanih oznak.
Ta vsebina je informativna in ne pomeni pravnega nasveta. Za razlago obveznosti za konkretno organizacijo priporočamo uradni pravni vir.
Nadaljujte z branjem
Ročno ali avtomatsko testiranje?
Zakaj avtomatska orodja ne zadostujejo in kaj razkrije šele ročno preverjanje.
Kaj je spletna dostopnost in zakaj je pomembna
Temeljni vodič: kaj pomeni dostopnost, koga zadeva in kako je povezana z WCAG, zakonodajo in vsakdanjo uporabo spleta.
WCAG 2.2 razložen preprosto
Štiri načela — zaznavnost, uporabnost, razumljivost, robustnost — in kaj pomenijo v praksi.
Preverite dostopnost svoje strani
Začnite z WCAG pregledom in dobili boste jasno sliko, kaj je smiselno urediti najprej.