WCAG 2.2 sirvija
2.4.11WCAG AAÜle vaatamata
Fookus pole varjatud (miinimum)
2.4 Navigeeritav
Kui element saab klaviatuurifookuse, ei tohi see olla täielikult varjatud teise sisuga, nagu kleepuv päis.
Klaviatuur
Kood ja ARIA
Disainer
Arendaja
Interaktiivne komponent
Veebileht
Mobiilirakendus
Miks see oluline on
Kleepuvad päised või jalused võivad varjata fokuseeritud elemente, muutes need nähtamatuks.
Keda see puudutab
Mõjutab nägijaid klaviatuurikasutajaid ja nõrga nägemisega inimesi.
Tüüpvead
- Kleepuv päis kattub fokuseeritud vormiväljadega Tab-klahviga liikumisel.
- Küpsiseteade katab fokuseeritud juhtelemente.
Võrdle kahte versiooni
Ligipääsmatu
.sticky-header { position: fixed; top: 0; z-index: 100; }Päis võib täielikult katta selle all oleva fokuseeritud elemendi.
Ligipääsetav
html { scroll-padding-top: 80px; }Kerimise nihe hoiab fokuseeritud elemendid kleepuva päise all nähtaval.
Kuidas testida
- Liigu Tab-klahviga ja kontrolli, et ükski fokuseeritud element pole täielikult varjatud.
Küsi endalt
- Kas fokuseeritud elemendid on alati vähemalt osaliselt nähtavad?
- Kas kleepuvad päised/jalused ei kata fookust täielikult?
Õpi praktikas: ava seotud õppetükk
Vaata see enesehindamises oma lehel üle.
Klaviatuuri kasutus