This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Zašto stranica mora biti upravljivana bez miša?
Stranica mora biti upravljivana bez miša jer mnogi ljudi koriste isključivo tipkovnicu: slijepi ljudi s programom čitanja ekrana, ljudi s tremolom ili paralizom te korisnici specijalnih tipkovnica. Ako tipka Tab ne dosegne stavku izbornika ili gumb, ta funkcija za sve te ljude jednostavno ne postoji — kao da je nikad niste izgradili. Zato WCAG kriterij 2.1.1 zahtijeva potpunu upravljivost tipkovnicom.
Upravljanje tipkovnicom u svakodnevnoj upotrebi: Tab, Enter i tipke sa strelicama
Upravljanje bez miša slijedi fiksni uzorak. Tipka Tab pomiče vidljiv pokazivač od elementa do elementa: od logotipa do izbornika, od izbornika do polja za pretraživanje, dalje do poveznica i gumbova. Tipka Enter otvara označeni element, a tipke sa strelicama upravljaju izbornicima i padajućim popisima. Primjer: Ako netko popunjava Vaš kontaktni obrazac, skače tipkom Tab od polja do polja i na kraju ga šalje pritiskom na Enter. Ovaj uzorak funkcionira samo ako je svaki element upravljanja tehnički postavljen kao poveznica, gumb ili polje obrasca. Klikljivi tekstualni odlomak koji skript pretvara u gumb izgleda isti s mišom — za tipkovnicu ne postoji.
Kako služba za provjeru provjerava upravljanje tipkovnicom
Služba za provjeru doslovno pritiska tipku Tab na Vašoj stranici, zaustavka za zaustavkom, do kraja dokumenta. Osim toga, pretražuje izvorni kod tražeći elemente upravljanja koji reagiraju samo na klik mišu: elemente s naredbom za klik koji su nedostižni za tipkovnicu. Ako nađe takve elemente, kriterij se smatra povrijeđenim, a izvješće navodi prvi zahvaćeni element s dokaznom snimkom ekrana. Ako tipka Tab ne dosegne niti jedan zaustavak iako postoje elementi upravljanja, to je također povrijeđivanje. Ostane li mjerenje neodlučno, izvješće to otvoreno ukazuje kao ručnu točku provjere — prazna provjera se za nas računa kao greška, nikada kao dozvola.
Beispiele
Klick-Handler auf einem div
<div class="knopf" onclick="warenkorb()">In den Warenkorb</div><button type="button" onclick="warenkorb()">In den Warenkorb</button>Ein div erreicht die Tabulatortaste nicht und reagiert nicht auf Enter oder Leertaste. Ein button kann beides von selbst.
Menü öffnet nur beim Überfahren
.menue li:hover > ul { display: block; }.menue li:hover > ul,
.menue li:focus-within > ul { display: block; }focus-within öffnet das Untermenü auch, wenn der Fokus per Tastatur auf einem Eintrag liegt.
- Odložite miš i upravljajte svijom početnom stranicom pet minuta samo tipkom Tab, Enter i tipkama sa strelicama.
- Posebno provjerite izbornike, polje za pretraživanje i košaricu — tamo se kriju najčešće lokacije koje reagiraju samo na klik miša.
- Zamolite svoju agenciju da za svaki klikljivi element koristi prave elemente upravljanja: vezu, gumb ili polje obrasca umjesto klikljiva teksta.
- Ponovite test tipkovnice nakon svake veće preuređenja — novi skript izbornika može bez znanja ukloniti upravljanje tipkovnicom.