miért mozog körbe a kurzor vagy a fókusz az én webhelyemen

A fókusz ide-oda ugrálása a forráskód sorrendjéből ered

Az ide-oda ugráló fókusz általában azért jön létre, mert az elemek forráskódban szereplő sorrendje nem egyezik meg azzal a sorrenddel, ahogy azok a képernyőn megjelennek. Aki a Tab billentyűvel böngészik egy lapon, arra számít, hogy a fókusz szépen felülről lefelé és balról jobbra halad — logikus az olvasási irány szerint. Ha egy menü, egy felugró ablak vagy egy oldalsáv CSS-en keresztül máshol jelenik meg a képernyőn, mint ahol a forráskódban található, a fókusz láthatóan ide-oda ugrál: először lefelé, majd vissza egészen felülre, majd egy olyan gombra, amelyet vizuálisan már átléptünk.

A gyakori okok közé tartozik a `tabindex` manuálisan nullánál magasabb értékre állítása, ami az elemeket a természetes sorrendjéből kivonja. Az olyan elemek, mint a cookie-bannerek, dinamikusan betöltött szűrők és modális ablakok, amelyek nem tartják megfelelően a fókuszt, szintén ezt az effektust okozhatják — a fókusz ilyenkor akár teljesen eltűnhet a képernyőről, a banner mögé vagy egy még nyitva lévő réteg alá kerülhet. Aki ezt szeretné tesztelni, legjobb csupán a billentyűzet segítségével végigmenni a megrendelés folyamatán; hogyan lehet tesztelni, hogy egy webshop billentyűzettel kezelhető-e leírja, hogyan működik ez a teszt a gyakorlatban. Gyakran kiderül, hogy a focusvolgorde ugyanazokkal az elemekkel van összefüggésben, amelyek a cookie-bannerek és felugró ablakok esetében is gondot okoznak, mert azok az oldal tetejére kerülnek.

Hol található ez a WCAG 2.1-ben: 2.4.3 kritérium

Ez az követelmény a WCAG 2.1-ben a 2.4.3. siker-kritérium, a "Focus Order" alatt található, amely megköveteli, hogy az elemek fókuszsorrendje megőrizze az oldal értelme és kezelhetőségét. Ez egy A szintű kritérium, és ezáltal a AA szint része is, amely a gyakorlatban az EN 301 549-re vezethető vissza. Az ACM webshopok hozzáférhetőségére vonatkozó vizsgálata azt mutatja, hogy az ilyen navigációs problémák a gyakorlatban gyakran előfordulnak, és a felhasználók által zavarónak tekintendők. Az automatikus vizsgálat detektálhatja, hogy van-e pozitív értékű `tabindex`, de hogy a focusvolgorde valóban logikusnak tűnik-e valakinek, aki nem látja az oldalt, az olyasmi, amit egy automatikus hozzáférhetőségi teszt nem képes teljes körűen megállapítani — ez kézi végigmeneteltől függ.