This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Dostopnost
Zakaj mora biti spletna stran uporabna brez miške?
Spletna stran mora biti operabilna brez miške, saj mnogi ljudje uporabljajo le tipkovnico: slepi ljudje z odčitavanjem programa, ljudje z drhtenjem ali paralizo in uporabniki posebnih tipkovnic. Če tipka zavihka ne doseže menija ali gumba, ta funkcija preprosto ne obstaja za vse te ljudi - kot da je ne bi nikoli zgradili. Merilo WCAG 2.1.1 zato zahteva popolno uporabnost tipkovnice.
Delovanje tipkovnice v vsakdanjem življenju: Tab, vhodne tipke in puščične tipke
Operacija brez miške sledi stalnemu vzorcu. Gumb zavihka premakne vidno oznako od elementa do elementa: od loga do menija, od menija do iskalnega polja, do povezav in gumbov. Vhodni gumb odpre označen element, puščične tipke nadzirajo menije in sezname izbire. Primer: Kdo izpolni vaš kontaktni obrazec, skoči s Tabom iz polja v polje in na koncu pošlje s ključem Enter. Ta vzorec deluje le, če je vsak kontrolni element tehnično ustvarjen kot povezava, gumb ali polje oblike. Kliknite odstavek, da skript naredi gumb videti enako z miško – ne obstaja za tipkovnico.
Kako preskusna služba preverja delovanje tipkovnice
Storitev preverjanja dejansko pritisne na gumb za zavihek na vaši strani, ustavite se in ustavite do konca dokumenta. Poleg tega išče izvorno kodo za kontrole, ki se odzivajo le na klik z miško: elemente z navodili za klik, ki so za tipkovnico nedosegljivi. Če najde take elemente, se šteje, da je merilo kršeno, poročilo pa imenuje prvi prizadeti element skupaj s fotografijo z dokumentarnega zaslona. Če ključ zavihka kljub obstoječim kontrolam ne doseže niti enega postanka, je to tudi kršitev. Če meritev ostane neodločena, jo poročilo odkrito opredeli kot ročno kontrolno točko – prazen pregled se šteje za napako za nas, nikoli carte blanche.
Primeri
Kliknite upravljalnik na div
<div class="knopf" onclick="warenkorb()">In den Warenkorb</div><button type="button" onclick="warenkorb()">In den Warenkorb</button>Div ne doseže tipke z zavihkom in se ne odziva na Enter ali preslednico. Gumb lahko naredi oboje.
Menu se odpre samo, ko je prečrtan
.menue li:hover > ul { display: block; }.menue li:hover > ul,
.menue li:focus-within > ul { display: block; }focus-znotraj odpre tudi podmeni, če je poudarek na vnosu s tipkovnico.
- Nastavite miško na stran in za pet minut upravljajte domačo stran samo s tipko Tab, tipko Enter in Arrow.
- Zlasti preverite menije, iskalno polje in nakupovalni voziček – večina krajev je skritih, ki se odzivajo samo na klik z miško.
- Vprašajte svojo agencijo, da uporabi realne kontrole za vsak element, ki ga je mogoče klikniti: link, gumb ali polje oblike namesto besedila, ki ga je mogoče klikniti.
- Ponavljaj Preveri tipkovnico po vsaki večji prenovi – nov menijski skript lahko neopaženo odstrani nadzor tipkovnice.
