zašto kursor ili fokus preskače po mojoj web-stranici

Skokoviti fokus nastaje zbog redoslijeda u izvornom kodu

Fokus koji skaće u sve strane obično nastaje jer redoslijed u kojem se elementi pojavljuju u izvornom kodu ne odgovara redoslijedu u kojem se vide na zaslonu. Kada netko koristi tipku Tab kako bi se kretao kroz stranicu, očekuje da će se fokus glatko kretati od vrha prema dnu i s lijeva prema desno — logički prema smjeru čitanja. Ako su menu, pop-up ili bočna traka pozicionirani negdje drugdje na zaslonu CSS-om nego što su u kodu, fokus će vidljivo skakati naprijed-nazad: prvo prema dolje, zatim opet prema vrhu, zatim na gumb koji je već vizualno prošao.

Čest uzrok je vrijednost `tabindex` koja je ručno postavljena na broj veći od nule, što povlači elemente izvan prirodnog redoslijeda.也Cookie banneri, filtri koji se dinamički učitavaju i modalni prozori koji ne drže fokus pravilno uzrokuju ovaj efekt — fokus tada ponekad čak potpuno nestane sa zaslona, iza bannera ili ispod overlay-a koji je još otvoren. Tko želi to sâm provjeriti, najbolje će to učiniti koristeći samo tipkovnicu tijekom procesa naručivanja; kako testirati je li mrežna trgovina dostupna putem tipkovnice objašnjava kako test funkcionira u praksi. Često se pokazuje da redoslijed fokusa povezan s istim elementima koji čine probleme s cookie bannerima i pop-ups, jer se oni kao prvi postavljaju preko stranice.

Gdje se to nalazi u WCAG 2.1: kriterij 2.4.3

Ovaj zahtjev nalazi se u WCAG 2.1 pod kriterijima za uspjeh 2.4.3, "Focus Order", koji zahtijeva da redoslijed u kojem elementi dobivaju fokus čuva značenje i upotrebljivost stranice. Ovo je kriterij razine A, i kao takav je dio razine AA, što je u praksi rezultat EN 301 549. Istraživanje ACM-a o dostupnosti mrežnih trgovina pokazuje da se takvi problemi navigacije redovito pojavljuju u praksi i da ih korisnici doživljavaju kao neprijatne. Automatska provjera može signalizirati prisutnost `tabindex` vrijednosti s pozitivnom vrijednosti, ali je li redoslijed fokusa zaista logičan za nekoga tko ne vidi stranicu, nešto je što automatska provjera dostupnosti ne može u potpunosti utvrditi — to ostaje ovisno o ručnoj provjeri.