This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Što znači redoslijed fokusa na web-mjestu?
Redoslijed fokusa je redoslijed u kojem tipka Tab pristupa elementima rada stranice. Mora slijediti vidljivi raspored: od vrha prema dnu, slijeva nadesno. Ako se fokus umjesto toga križa i križa, korisnici tipkovnice gube orijentaciju — ne mogu predvidjeti gdje će sljedeći pritisak tipke sletjeti. WCAG kriterij 2.4.3 zahtijeva razumljiv redoslijed.
Kako nastaje pogrešan redoslijed fokusa
Tabulator slijedi redoslijed elemenata u kodu izvora — ne ono što je vidljivo na ekranu. Ako dizajn premješta elemente na druge pozicije, oba redoslijeda padaju: fokus skače od polja imena u podnožje i odavde natrag na gumb pošalji. Čak se dijaloški okviri koji se kasnije umešu često nalaze na kraju koda — tko želi tabulator u них, prvo mora kroz sav ostatak stranice. Treći klasik su unaprijed dodijeljeni redoslijedi tabuatora u kodu koji nameću svoj redoslijed koji se sudara sa životom. Sve je to vidljivo samo tijekom stvarnog prolaska tipkovnicom.
Kako služba za provjeru mjeri redoslijed fokusa
Služba za provjeru pritisne Tab tipku na vašoj stranici i zabilježi poziciju svakog zaustavljanja. Zatim broji povratne skokove: mjesta gdje se fokus jasno pomiče gore ili u istoj liniji ulijevo, protiv smjera čitanja. Ako više od 30 posto pomaka fokusa padne u povratni skok, kriterij je prekršen; između 10 i 30 posto izvješće primjećuje ručni slučaj provjere, jer višestupčani rasporedi mogu objasniti pojedine skokove. Ispod toga redoslijed se smatra razumljivim. Izvješće navodi broj povratnih skokova i testiranih zaustavljanja — vidite mjernu bazu, ne samo sud.
Beispiele
Fokus springt durch tabindex
<input tabindex="3" name="name">
<input tabindex="1" name="email">
<button tabindex="2">Senden</button><input name="name">
<input name="email">
<button>Senden</button>Positive tabindex-Werte erzeugen eine eigene Reihenfolge, die von der sichtbaren abweicht. Die Quelltextreihenfolge ist die richtige.
- Tabulator kroz važniju stranicu i promatrajte oznaku — slijedi li smjer čitanja od vrha lijevo prema dolje desno?
- Posebno testirajte obrasce: redoslijed polja tipkovnicom mora odgovarati vidljivom redoslijedu.
- Zamolite svoju agenciju da izbjegne unaprijed dodijeljena redoslijeda tabuatora u kodu izvora — redoslijed koda izvora trebao bi biti vidljivi redoslijed.
- Neka dijaloški okviri postave fokus u okvir kada se otvore i vrate ga izvornom mjestu kada se zatvore.