This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Dostopnost
Kakšno nasprotje potrebujejo gumbi in vhodna polja na spletnih straneh?
Gumbi, vhodna polja in smiselna grafika potrebujejo kontrastno razmerje vsaj 3:1 z njihovim okoljem. Ta prag izhaja iz standardnega WCAG. Zagotavlja, da slabovidni obiskovalec prepozna, kje klikniti in kje pisati – belo vhodno polje s svetlo sivo obrobo na belem ozadju je praktično nevidno.
Kontrole morajo biti vidne
Medtem ko znano pravilo kontrasta zadeva besedilo, gre za vse ostalo vidno, ki nosi funkcijo: okvir vhodnega polja, področje gumba, povečevalno stekleno ikono iskanja, klop v potrditvenem polju. Moderna, zelo zmanjšana zasnova je najpogostejša past tukaj – svetlo sivi okvirji polja na belem ozadju videti elegantno, vendar so pogosto precej pod 3:1. Obiskovalec z nazadujočim vidom nato vidi obliko brez prepoznavnih polj: ne ve, kam naj gre s kazalcem. Tudi simboli brez besedilnega napisa – kot je hamburgerski meni – morajo izstopati iz ozadja z vsaj 3:1, sicer zanj navigacija ne obstaja.
Tako naše merjenje jedra meri kontrast operativnih elementov
Naše jedro izbere vzorec krmilnikov vaše strani – vhodna polja, gumbi, oblikovani gumbi za povezavo – in fotografije vsakega okolja v brskalniku. Iz pikslov izračuna svetlost roba, polnila in okolice in iz tega dejansko kontrastno razmerje meje elementov. Če so izmerjene meje manjše od 3:1, poročilo o tem namerno poroča kot dokazan preskusni primer in ne takoj kot kršitev: Navidezno prešibko polje lahko vizualno prenaša okoliška posoda, ki jo ocenjuje človek na podlagi priložene zaslonske fotografije. Merilo se šteje za izpolnjeno le, če je vzorec dovolj velik in popolnoma nevsiljiv; čisto grafični predmeti, kot so diagrami, ostanejo človeški preskus.
Primeri
Vhodno polje z bledim okvirjem
input { border: 1px solid #dddddd; background: #fff; } /* 1,3:1 */input { border: 1px solid #767676; background: #fff; } /* 4,5:1 */Okvirji, simboli in goriščnice potrebujejo 3:1 do ozadja, sicer polje ni prepoznavno kot polje.
- Preverite svoje obrazce: Vsako vhodno polje potrebuje okvir ali zapolnitev, ki izstopa iz ozadja.
- Prosite svojo agencijo, da preveri barve okvirja polj proti pragu 3:1 in jih po potrebi zatemni.
- Preverite ikone brez besedila – iskanje, meni, nakupovalna košarica – za zadostno nasprotje od ozadja.
- Bodite pozorni na države: Označevanje izbranega zavihka ali aktivnega potrditvenega polja potrebuje tudi 3:1.
- Poglej svoje oblike iz dveh metrov daleč — polja izginejo vizualno, kontrast je preslab.
