WCAG 2.2 sirvija
2.4.7WCAG AAÜle vaatamata
Nähtav fookus
2.4 Navigeeritav
Klaviatuurifookuse indikaator peab olema nähtav alati, kui element saab fookuse.
Värv ja kontrast
Klaviatuur
Kood ja ARIA
Disainer
Arendaja
Interaktiivne komponent
Veebileht
Mobiilirakendus
Miks see oluline on
Ilma nähtava fookuseindikaatorita kaotavad klaviatuurikasutajad ülevaate oma asukohast lehel.
Keda see puudutab
Mõjutab klaviatuuri kasutajaid, nõrga nägemisega ja kognitiivsete häiretega inimesi.
Tüüpvead
- CSS-lähtestused, mis eemaldavad outline'i ilma alternatiivita.
- Fookusstiil on liiga peen, et märgata.
Võrdle kahte versiooni
Ligipääsmatu
*:focus { outline: none; }Eemaldab kõik fookuseindikaatorid kogu saidil.
Ligipääsetav
*:focus-visible { outline: 2px solid #005fcc; }Selge, nähtav fookuse joon klaviatuurikasutajatele.
Kuidas testida
- Liigu lehel Tab-klahviga ja kontrolli, kas iga fokuseeritud element on selgelt nähtav.
Küsi endalt
- Kas iga interaktiivse elemendi puhul on näha selge fookuseindikaator?
- Kas 'outline: none' on eemaldatud ilma asendava stiilita?
Õpi praktikas: ava seotud õppetükk
Vaata see enesehindamises oma lehel üle.
Värv ja kontrastSelle kriteeriumiga seotud enesehindamise küsimused
- Kas fookuse tähis on alati selgelt nähtav?Üle vaatamata