miksi kursori tai kohdistus hyppii pitkin verkkosivustoani

Hyppivä fokus johtuu lähdekoodin järjestyksestä

Fokus, joka hyppii kaikkiin suuntiin, johtuu yleensä siitä, että elementtien järjestys lähdekoodissa ei vastaa niiden näkyvää järjestystä näytöllä. Kun käyttäjä navigoi sivulla Sarkain-näppäimellä, hän odottaa fokuksen liikkuvan järkevästi ylhäältä alaspäin ja vasemmalta oikealle — luontevan luemisjärjestyksen mukaisesti. Jos valikko, ponnahdusikkuna tai sivupalkki on sijoitettu CSS:n avulla eri paikkaan näytöllä kuin missä elementti sijaitsee koodissa, fokus hyppää näkyvästi edestakaisin: ensin alaspäin, sitten takaisin ylös, sitten nappiin, joka oli jo visuaalisesti ohitettu.

Yleinen syy on manuaalisesti asetettu `tabindex`-arvo, joka on suurempi kuin nolla, mikä vetää elementtejä luonnollisen järjestyksen ulkopuolelle. Myös evästebannerit, dynaamisesti ladattavat suodattimet ja modaaliikkunat, jotka eivät pidä fokusta oikein, aiheuttavat tämän vaikutuksen — fokus voi jopa hävitä kokonaan näytöstä, bannerin taakse tai avoimen overlay-kerroksen alle. Halutessaan testata tätä, käyttäjä tekee sen parhaiten navigoimalla tilauksen läpi pelkän näppäimistön avulla; kuinka testataan, onko verkkokauppa näppäimistöllä käytettävissä kuvaa, kuinka testi toimii käytännössä. Usein todetaan, että fokuksen järjestys liittyy samoihin elementteihin, jotka myös aiheuttavat ongelmia evästebannereiden ja ponnahdusikkunoiden kanssa, koska ne sijoitetaan sivun päälle ensimmäisiksi.

Missä tämä on WCAG 2.1:ssä: kriteeri 2.4.3

Tämä vaatimus on WCAG 2.1:ssä onnistumiskriteerinä 2.4.3, "Focus Order", joka edellyttää, että järjestys, jossa elementit saavat fokuksen, säilyttää sivun merkityksen ja käytettävyyden. Tämä on tason A kriteeri, ja se kuuluu myös tasoon AA, johon EN 301 549 käytännössä perustuu. ACM:n tutkimus verkkokauppojen saavutettavuudesta osoittaa, että tällaisia navigointiongelmia esiintyy käytännössä säännöllisesti ja käyttäjät kokevat ne häiritseviksi. Automaattinen skannaus voi havaita, onko `tabindex` positiivisella arvolla olemassa, mutta se, tuntuuko fokuksen järjestys todella loogiselta henkilölle, joka ei näe sivua, on asia, jonka automaattinen saavutettavuustesti ei voi täysin määrittää — se riippuu manuaalisesta testauksesta.