axessia.eu

miks hüppab kursor või fookus minu veebisaidil ringi

Fookus hüppab ringi lähtekoodis määratud järjekorra tõttu

Fookus, mis hüppab erinevates suundades, tekib tavaliselt sellest, et elementide järjekord lähtekoodis ei vasta nende järjekordadele ekraanil. Kui keegi kasutab Tab-klahvi lehel navigeerimiseks, eeldab ta, et fookus liigub korralikult ülevalt alla ja vasakult paremale — loogiline lugemissuunna järgi. Kui menüü, hüpikaken või külgriba on CSS abil ekraanil kusagil mujal asetatud kui koodis, siis fookus hüppab nähtavalt edasi-tagasi: kõigepealt alla, siis jälle üles, seejärel nupule, mis visuaalselt oli juba möödunud.

Sage põhjus on käsitsi määratud `tabindex`-väärtus, mis on suurem kui null, mistõttu elemendid loovad käesolevatest järjekorrast välja. Samuti põhjustavad seda efekti küpsisebannerid, dünaamiliselt laaditud filtrid ja modaalsed aknad, mis ei hoia fookust korralikult — fookus võib siis mõnikord ekraanilt täiesti kaduda, banneeri taha või avatud kattega alla. Selle kontrollimiseks on parim viis läbi e-kaubamajast ainult klaviatuuriga navigeerimine; kuidas testida veebipoe klahvistikuga kasutamist kirjeldab, kuidas seda testi praktikas teha. Sageli selgub, et fookuse järjekord on seotud samade elementidega, mis tekitavad probleeme ka küpsise bannerite ja hüpikakendega, kuna need asetatakse lehele esimesena.

Kus see WCAG 2.1-s asub: kriteerium 2.4.3

See nõue asub WCAG 2.1 juures edu kriteeriumi 2.4.3 all, "Focus Order", mis nõuab, et järjekord, milles elemendid fookuse saavad, säilitab lehe tähenduse ja kasutatavuse. See on A-taseme kriteerium ja kuulub seega ka AA-tasemele, milleks EN 301 549 praktikas käib. ACM-i uuringud veebipoodide juurdepääsetavuse kohta näitavad, et selliseid navigatsioonitõrkeid praktikas regulaarselt esineb ja kasutajad kogevad neid häirivatena. Automaatne skaaning suudab märkida, kas positiivse väärtusega `tabindex` on olemas, kuid kas fookuse järjekord tundub tõesti loogiline kellelegi, kes lehte ei näe, on midagi, mida automaatne juurdepääsetavuse test ei saa täielikult määrata — see jääb käsitsi kontrollimisest sõltuvaks.

Mida te konkreetselt tegema peate

Konkreetne tegevuskava iga nõude kohta koos tähtaegadega ja mallide abil selle dokumenteerimiseks on saadaval tellimusega.

Vaadake tellimuspaketit Kõigepealt tasuta kiiraudit

See ei ole õiguslik nõuanne. See leht annab üldist teavet määruste kohta, mille teemadel see platvorm töötab. Me ei tunne teie olukorda. Kahtluse korral oma juhtumi osas pöörduge juristile või pädevale järelevalvajale.

Koostatud tehisintellektiga ülaltoodud allikate alusel, inimese poolt kontrollitud 05.09.2026. Kas midagi pole korras? Andke teada — parandused saavad prioriteedi.