WCAG 2.2 sirvija
2.4.3WCAG AÜle vaatamata
Fookuse järjekord
2.4 Navigeeritav
Klaviatuurifookus peab liikuma loogilises järjekorras, mis vastab visuaalsele järjestusele.
Klaviatuur
Navigeerimine
Kood ja ARIA
Arendaja
Vorm
Navigatsioon
Interaktiivne komponent
Veebileht
Mobiilirakendus
Miks see oluline on
Loogiline fookuse järjekord võimaldab kasutajal ennustada, kuhu fookus järgmisena liigub.
Keda see puudutab
Mõjutab klaviatuuri- ja ekraanilugeja kasutajaid, kes liiguvad järjestikku.
Tüüpvead
- CSS muudab visuaalset paigutust, kuid DOM/tab-järjekord ei vasta sellele.
- Positiivsed tabindex väärtused, mis segavad loomulikku järjekorda.
Võrdle kahte versiooni
Ligipääsmatu
<input tabindex="3"><input tabindex="1"><input tabindex="2">Positiivne tabindex tekitab segase järjekorra.
Ligipääsetav
<input><input><input>Loomulik DOM-järjekord vastab visuaalsele ja tab-järjekorrale.
Kuidas testida
- Liigu lehel Tab-klahviga ja kontrolli, kas järjekord vastab visuaalsele paigutusele.
Küsi endalt
- Kas fookuse järjekord vastab loogilisele lugemisjärjekorrale?
- Kas kasutatakse positiivseid tabindex väärtusi, mis tekitavad segadust?
Õpi praktikas: ava seotud õppetükk
Vaata see enesehindamises oma lehel üle.
Klaviatuuri kasutusSelle kriteeriumiga seotud enesehindamise küsimused
- Kas fookuse järjekord on loogiline ja lõksudeta?Üle vaatamata