varför hoppar markören eller fokus runt på min webbplats

Springande fokus beror på källkodens ordning

En fokus som hoppar åt alla håll uppstår vanligtvis för att ordningen på elementen i källkoden inte motsvarar den ordning de visas på skärmen. Den som använder Tab-tangenten för att navigera genom en sida förväntar sig att fokus förflyttas jämnt från top till botten och från vänster till höger — logiskt enligt läsriktningen. Om en meny, ett popup-fönster eller ett sidofält är positionerat någon annanstans på skärmen via CSS än där elementet finns i koden, hoppar fokus synligt fram och tillbaka: först nedåt, sedan helt tillbaka uppåt, sedan till en knapp som redan var visuellt passerad.

En vanlig orsak är ett `tabindex`-värde som manuellt är inställt på ett tal högre än noll, vilket drar elementen utanför den naturliga ordningen. Även cookie-banners, filter som läses in dynamiskt och modala fönster som inte håller fokus på rätt sätt orsakar denna effekt — fokus försvinner då ibland helt från synhåll, bakom bannern eller under ett overlay som fortfarande är öppet. Den som vill kontrollera detta gör det bäst genom att själv navigera genom beställningen med endast tangentbordet; hur du testar om en webbutik kan användas med tangentbordet beskriver hur testet fungerar i praktiken. Ofta visar det sig att fokusordningen är kopplad till samma element som också ger problem med cookie-banners och popup-fönster, för att dessa läggs överst på sidan.

Var detta finns i WCAG 2.1: kriterium 2.4.3

Detta krav finns i WCAG 2.1 under framgångscriterium 2.4.3, "Focus Order", som kräver att den ordning i vilken elementen får fokus bevarar sidans betydelse och användbarhet. Detta är ett nivå A-kriterium och således även en del av nivå AA, som EN 301 549 faktiskt motsvarar. ACM:s undersökning av webbutikars tillgänglighet visar att denna typ av navigationsproblem regelbundet förekommer i praktiken och upplevs som störande av användarna. En automatisk skanning kan signalera om ett `tabindex` med ett positivt värde finns närvarande, men huruvida fokusordningen också verkligen känns logisk för någon som inte ser sidan är något som ett automatiserat test av tillgänglighet inte helt kan fastställa — det beror fortfarande på manuell genomgång.