WCAG 2.2 sirvija
2.4.13WCAG AAAÜle vaatamata
Fookuse välimus
2.4 Navigeeritav
Fookuseindikaator peab olema piisavalt suur ja piisava kontrastiga, et olla selgelt nähtav.
Värv ja kontrast
Klaviatuur
Kood ja ARIA
Disainer
Arendaja
Interaktiivne komponent
Veebileht
Mobiilirakendus
Miks see oluline on
Tugevam ja nähtavam fookuseindikaator aitab nõrga nägemisega kasutajatel oma asukohta usaldusväärselt jälgida.
Keda see puudutab
Mõjutab nõrga nägemisega ja klaviatuurikasutajaid, kes vajavad selget asukohaviidet.
Tüüpvead
- Fookuse joon on liiga peenike või madala kontrastiga, et märgata.
Võrdle kahte versiooni
Ligipääsmatu
:focus-visible { outline: 1px solid #ccc; }Peenike, madala kontrastiga joon on raskesti nähtav.
Ligipääsetav
:focus-visible { outline: 3px solid #002676; outline-offset: 2px; }Paks, kõrge kontrastiga joon selge vahega.
Kuidas testida
- Mõõda fookuseindikaatori suurust ja kontrasti WCAG 2.4.13 nõuete vastu.
Küsi endalt
- Kas fookuseindikaator on vähemalt 2px paksune ja piisava kontrastiga?
- Kas fookusstiil katab piisavalt suure osa komponendist?
Õ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