This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Akadálymentesség
Miért kell a billentyűzet fókuszának láthatónak lennie egy weboldalon?
A billentyűzet fókuszának láthatónak kell lennie, mert a billentyűzet használói vakon ellenőrzik: Látható jelölés nélkül - általában egy színes keret az aktív elem körül - nem lehet megmondani, melyik elem van kiválasztva, és mi a bemeneti gomb indítja el a következő pillanatban. Sok tervező távolítsa el ezt a keretet optikai okokból, és így blokkolja billentyűzet felhasználók. A WCAG 2.4.7. kritériuma egy látható fókuszkijelzőt igényel.
A fókuszkeret a billentyűzet egérkurzora
Az egérfelhasználók mindig látják, hol van a mutatójuk. Billentyűzet felhasználók a fókusz keret ehhez: ez mozog minden nyomja meg a lap gombot, hogy a következő elem, és azt mutatja, hogy mi a bemeneti kulcs jönne. Ha ez a keret eltűnik, a művelet válik egy találgatás játék - mint az egér művelet egy láthatatlan mutató. A leggyakoribb ok az egyetlen sor a tervezési specifikációkban, ami kikapcsolja az alapértelmezett böngésző határt, mert úgy tűnt, hogy bosszantó. A helyes megoldás az, hogy soha nem távolítjuk el, hanem a tervezés: egy keret a cég színe, elég erős ahhoz, hogy kitűnjön minden háttér.
Ez az, ahogy a teszt szolgáltatás mérései fókuszálnak láthatóság pixel összehasonlítás
Az ellenőrző szolgálat kétszer fényképez minden vizsgált működési elemet: egyszer anélkül, egyszer fókuszálással. Aztán összehasonlítja a képpixelt pixellel. Ha a fókusz az elem körüli területen a pixelek kevesebb mint 0,2% -át változtatja meg, a fókuszkijelző gyakorlatilag láthatatlan - a kritérium megsértettnek tekinthető, és a jelentés azonosítja az érintett elemet és a dokumentum képernyőképet. Hasznos környezet, például animációk révén, felismeri a mérést a fókuszálás nélküli két lövés előzetes összehasonlításával, és eltávolítja ezeket az elemeket az értékelésből. Ezenkívül a jelentés megjegyzi, hogy a tervezési előírások mikor kapcsolják ki a fókuszhatárokat.
Példák
Fókuszkeret eltávolítása
*:focus { outline: none; }:focus-visible { outline: 3px solid #1a5fb4; outline-offset: 2px; }vázlat: egyik sem vakítja meg a billentyűzet működését.: fókusz- látható mutatja a keretet csak a billentyűzet, nem az egér kattintás.
- Jelölje be honlapját, és figyelje meg: Világos minden megállónál, melyik elem van kiválasztva?
- Kérje meg az ügynökségét, hogy távolítson el minden szabályt, ami kikapcsolja a fókuszhatárt.
- Van egy tervezett fókuszkeret meghatározása a cég színe - elég erős a fény és a sötét háttér.
- Azt is ellenőrizze a fókuszt képek és színes területek - egy vékony szürke keret gyorsan eltűnik ott.
