WCAG 2.2 sirvija
2.4.12WCAG AAAÜle vaatamata
Fookus pole varjatud (täiendatud)
2.4 Navigeeritav
Kui element saab klaviatuurifookuse, ei tohi ükski selle osa olla teise sisuga varjatud.
Klaviatuur
Kood ja ARIA
Disainer
Arendaja
Interaktiivne komponent
Veebileht
Mobiilirakendus
Miks see oluline on
Tagab, et fokuseeritud elemendid on alati täielikult nähtavad, range versioon 2.4.11 nõudest.
Keda see puudutab
Mõjutab nägijaid klaviatuurikasutajaid ja nõrga nägemisega inimesi.
Tüüpvead
- Kleepuvad elemendid katavad osaliselt fokuseeritud juhtelemendi serva.
Võrdle kahte versiooni
Ligipääsmatu
.sticky-footer { position: fixed; bottom: 0; height: 60px; }Võib osaliselt katta lehe allservas olevaid fokuseeritud elemente.
Ligipääsetav
main { padding-bottom: 80px; } /* clears sticky footer entirely */Tagab, et ükski fokuseeritud element pole kunagi osaliselt kaetud.
Kuidas testida
- Liigu Tab-klahviga ja kontrolli, et ükski fokuseeritud elemendi osa pole kaetud.
Küsi endalt
- Kas iga fokuseeritud element on täielikult, mitte ainult osaliselt, nähtav?
- Kas kattekihid ei kata kunagi fokuseeritud elemendi ühtegi osa?
Vaata see enesehindamises oma lehel üle.
Klaviatuuri kasutus