This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Dostopnost
Zakaj mora biti fokus tipkovnice viden na spletni strani?
Fokus tipkovnice mora biti viden, ker uporabniki tipkovnice drugače slepo nadzorujejo: Brez vidne oznake – običajno barvnega okvirja okoli aktivnega elementa – ni mogoče ugotoviti, kateri element je trenutno izbran in kaj vhodni gumb sproži v naslednjem trenutku. Mnogi oblikovalci odstranijo ta okvir iz optičnih razlogov in tako blokirajo uporabnike tipkovnice. Merilo za WCAG 2.4.7 zahteva vidno ostrenje.
Okvir fokusa je miškin kazalec tipkovnice
Uporabniki miške vedno vidijo, kje je njihov kazalec. Uporabniki tipkovnice imajo fokusni okvir za to: premika se z vsakim pritiskom na tipko zavihka na naslednji element in prikazuje, kaj bi sprožil vhodni ključ. Če ta okvir izgine, operacija postane igra ugibanja - kot operacija miške z nevidnim kazalcem. Najpogostejši razlog je ena vrstica v specifikacijah oblikovanja, ki izklopi privzeto mejo brskalnika, ker je bila zaznana kot nadležna. Prava rešitev je, da nikoli odstraniti, ampak za oblikovanje: okvir v vašem podjetju barve, dovolj močna, da izstopa na katerem koli ozadju.
Tako testna služba meri vidnost fokusa s primerjavo slikovnih pik
Inšpekcijski servis fotografira vsak preizkušen operativni element dvakrat: enkrat brez, enkrat s fokusom. Nato primerja obe sliki piksli po pikslih. Če se fokus spremeni manj kot 0,2 odstotka pikslov v območju okoli elementa, je zaslon fokusa praktično neviden – merilo se šteje za kršeno, poročilo pa identificira prizadet element in sliko dokumentarnega zaslona. Nelagodna okolja, na primer skozi animacije, prepoznajo merjenje s predhodno primerjavo dveh posnetkov brez fokusa in take elemente odstrani iz ocene. Poleg tega poročilo navaja, kdaj specifikacije zasnove izklopijo meje ostrenja.
Primeri
Fokusni okvir odstranjen
*:focus { outline: none; }:focus-visible { outline: 3px solid #1a5fb4; outline-offset: 2px; }obris: nobeno ne naredi operacije tipkovnice slepo.:fokus-vidno prikazuje okvir samo na tipkovnici, ne na miškinem kliku.
- Zavihek skozi domačo stran in opazujte: Ali je na vsaki postaji jasno, kateri element je trenutno izbran?
- Prosite agencijo, da odstrani vsa pravila, ki izključujejo mejo fokusa.
- Imejte oblikovan fokalni okvir določen v barvi vašega podjetja – dovolj močan za svetlo in temno ozadje.
- Osredotoči se tudi na slike in barvna področja – tam hitro izgine tanek siv okvir.
