hvorfor springer markøren eller fokus rundt på min website

Springende fokus skyldes kildekoderækkefølgen

En fokus, der springer alle vegne, opstår normalt, fordi rækkefølgen, hvori elementer vises i kildekoden, ikke stemmer overens med den rækkefølge, hvori de vises på skærmen. Når man navigerer gennem en side med tabulatortasten, forventer man, at fokus glider pænt fra top til bund og fra venstre til højre — logisk efter læseretningen. Hvis en menu, et pop-up-vindue eller et sidepanel er placeret andetsteds på skærmen via CSS end der, hvor elementet står i koden, springer fokus synligt frem og tilbage: først ned, derefter helt op igen, derefter til en knap, der visuelt allerede var passeret.

En almindelig årsag er en `tabindex`-værdi, der manuelt er indstillet til et tal større end nul, hvilket trækker elementer uden for den naturlige rækkefølge. Cookie-bannere, filtre, der indlæses dynamisk, og modale vinduer, der ikke holder fokus korrekt, forårsager også denne effekt — fokus kan nogle gange forsvinde helt fra skærmen, bag banneret eller under et overlay, der stadig er åbent. Den bedste måde at teste dette på er at gå gennem bestillingen selv ved kun at bruge tastaturet; sådan tester du, om en webshop kan betjenes med tastaturet beskriver, hvordan denne test fungerer i praksis. Ofte viser det sig, at fokusekkefølgen hænger sammen med de samme elementer, der også giver problemer med cookie-bannere og pop-ups, fordi de lægges først over siden.

Hvor dette findes i WCAG 2.1: kriterium 2.4.3

Dette krav findes i WCAG 2.1 under succeskriterie 2.4.3, "Focus Order", som kræver, at den rækkefølge, hvori elementer modtager fokus, bevarer sidens betydning og brugervenlighed. Dette er et niveau A-kriterium og således også en del af niveau AA, som EN 301 549 i praksis indebærer. ACM's undersøgelse af webshops' tilgængelighed viser, at denne type navigationsproblemer forekommer regelmæssigt i praksis og opleves som forstyrrende af brugere. En automatiseret scanning kan registrere, om der er en `tabindex` med en positiv værdi, men hvorvidt fokusekkefølgen virkelig føles logisk for nogen, der ikke kan se siden, er noget, som en automatiseret tilgængelighedstest ikke fuldt ud kan fastslå — det afhænger af manuel gennemgang.