prečo sa kurzor alebo fokus na mojej webovej stránke pohybuje chaoticky

Skok vľavo a vpravo v poradí zdrojového kódu

Kurzor, ktorý všade skáče, sa zvyčajne objavuje vtedy, keď poradie prvkov v zdrojovom kóde nekorešponduje s poradím, v akom sú viditeľné na obrazovke. Keď sa niekto pohybuje po stránke klávesou Tab, očakáva, že kurzor sa bude pohybovať spôsobom zhora nadol a zľava doprava — logicky podľa smeru čítania. Ak je ponuka, vyskakovacia tabuľka alebo bočný panel umiestnený cez CSS na inom mieste obrazovky, než kde sa tento prvok nachádza v kóde, kurzor viditeľne skáče sem a tam: najskôr nadol, potom zasa úplne nahor, potom na tlačidlo, ktoré sa už vizuálne prešlo.

Častou príčinou je hodnota `tabindex` nastavená ručne na číslo vyššie ako nula, čo spôsobuje, že prvky sú vytiahnuté mimo prirodzeného poradia. Aj bannerom s cookies, filtrami, ktoré sa dynamicky načítavajú, a modálnymi oknami, ktoré správne nedrží kurzor, dochádza k tomuto efektu — kurzor potom niekedy úplne zmizne z obrazovky, za bannerom alebo pod ešte otvoreným prekrytím. Ak chce niekto to overiť, najlepší je prejsť si nákup sám len pomocou klávesnice; ako sa testuje, či je internetový obchod ovládateľný pomocou klávesnice opisuje, ako tento test v praxi funguje. Často sa ukazuje, že poradie kurzora súvisí s rovnakými prvkami, ktoré spôsobujú aj problémy s bannermi cookies a vyskakovacími oknami, pretože tie sú položené ako prvé na stránku.

Kde je to v WCAG 2.1: kritérium 2.4.3

Táto požiadavka je v WCAG 2.1 v kritériu úspechu 2.4.3, "Focus Order" (Poradie kurzora), ktoré vyžaduje, aby poradie, v akom prvky dostanú kurzor, zachovávalo zmysel a ovládateľnosť stránky. Je to kritérium úrovne A, a teda aj súčasť úrovne AA, na ktorú sa EN 301 549 v praxi vzťahuje. Výskum ACM o prístupnosti internetových obchodov ukazuje, že takéto problémy s navigáciou sa v praxi často vyskytujú a používatelia ich vnímajú ako obťažujúce. Automatická kontrola môže síce signalizovať, či je prítomný `tabindex` s kladnou hodnotou, ale to, či je poradie kurzora naozaj logické pre niekoho, kto stránku nevidí, je niečo, čo automatický test prístupnosti nemôže úplne určiť — to zostáva závislé od manuálneho prejdenia.