WCAG 2.2 sirvija
1.4.11WCAG AAÜle vaatamata
Mittetekstiline kontrast
1.4 Eristatav
Kasutajaliidese elementidel ja graafikal peab olema vähemalt 3:1 kontrast naabervärvidega.
Värv ja kontrast
Vormid
Disainer
Arendaja
Vorm
Interaktiivne komponent
Veebileht
Miks see oluline on
Vaegnägijad vajavad nupu piirjooni, ikoone ja fookusindikaatoreid selgelt näha.
Keda see puudutab
Vaegnägijad, kes tuvastavad interaktiivseid elemente.
Tüüpvead
- Heledad hallid nupu piirjooned valgel taustal.
- Fookuse joon on taustal vaevu nähtav.
Võrdle kahte versiooni
Ligipääsmatu
.btn { border: 1px solid #eee; }Piirjoone kontrast on tunduvalt alla 3:1.
Ligipääsetav
.btn { border: 1px solid #767676; }Piirjoon vastab 3:1 kontrastile.
Kuidas testida
- Kontrolli juhtelementide piirjooni ja fookusindikaatoreid kontrastitööriistaga.
Küsi endalt
- Kas nupud, sisendid ja ikoonid vastavad 3:1 kontrastile taustaga?
- Kas fookusindikaator on selgelt nähtav?
Õpi praktikas: ava seotud õppetükk
Vaata see enesehindamises oma lehel üle.
Värv ja kontrastSelle kriteeriumiga seotud enesehindamise küsimused
- Kas liidese osad ja fookuse tähis vastavad 3:1-le?Üle vaatamata