This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Akadálymentesség
Miért kell egy weboldalt egér nélkül használni?
A honlap kell operábilis nélkül egy egér, mert sok ember csak a billentyűzet: vak emberek egy kiolvasási program, emberek remegés vagy bénulás és a felhasználók speciális billentyűzet. Ha a lap gomb nem éri el a menüpontot vagy a gombot, ez a függvény egyszerűen nem létezik az összes ilyen ember - mintha soha nem építette volna. A WCAG 2.1.1. kritériuma ezért teljes billentyűzet használhatóságot igényel.
Billentyűzet művelet a mindennapi életben: Tab, bemeneti kulcs és nyilakkal
Az egér nélküli művelet rögzített mintát követ. A lap gomb egy látható jelet mozdíl elemtől elemig: logótól menüig, menütől keresési mezőig, linkekre és gombokra. A bemeneti gomb megnyitja a kijelölt elemet, a nyilbillentyűk vezérlését és a kiválasztási listákat. Egy példa: Ki tölti ki a kapcsolatfelvételi űrlapot, ugrik a Tab mezőről mezőre, és küld a végén az Enter gombot. Ez a minta csak akkor működik, ha minden vezérlő elem technikailag egy link, gomb vagy forma mező. Egy kattintható bekezdés, hogy egy szkript úgy néz ki, mint egy gomb az egérrel - nem létezik a billentyűzet.
Hogyan ellenőrzi a teszt szolgáltatás a billentyűzet működését
Az ellenőrző szolgáltatás ténylegesen nyomja meg a lap gombot az oldalon, megáll, amíg a végén a dokumentum. Ezen kívül, keres a forráskódot a vezérlések, hogy csak válaszol az egér kattintás: elemek kattintás utasítások, amelyek elérhetetlenek a billentyűzet. Ha megtalálja ezeket az elemeket, a kritérium megsértettnek tekinthető, és a jelentés megnevezi az első érintett elem együtt dokumentum képernyőfotó. Ha a lapkulcs nem ér el egyetlen megállót sem a meglévő ellenőrzések ellenére, ez szintén szabálysértés. Ha a mérés határozatlan marad, a jelentés nyíltan azonosítja, mint egy kézi ellenőrzőpontot - egy üres ellenőrzés számunkra hibának minősül, soha nem carte blanche.
Példák
Kattintson Handler egy div
<div class="knopf" onclick="warenkorb()">In den Warenkorb</div><button type="button" onclick="warenkorb()">In den Warenkorb</button>A div nem éri el a lap gombot, és nem válaszol az Enter vagy a space gombot. Egy gomb mindkettőre képes.
A menü csak akkor nyílik meg, ha keresztbe tesz
.menue li:hover > ul { display: block; }.menue li:hover > ul,
.menue li:focus-within > ul { display: block; }a fókusz az almenüt is megnyitja, ha a hangsúly a billentyűzet általi bejegyzésen van.
- Állítsa félre az egeret, és csak öt percig működtesse a honlapját a Tab kulccsal, A billentyűvel és a nyilakkal.
- Különösen az étlapot, a keresődobozt és a bevásárlókocsit kell ellenőrizni - a legtöbb rejtett hely csak az egérkattintásra reagál.
- Kérje meg az ügynökséget, hogy minden kattintható elem: link, gomb, vagy forma mező helyett kattintható szöveg.
- Ismételd meg a billentyűzetet minden nagyobb átalakítás után - egy új menüszkript észrevétlenül eltávolíthatja a billentyűzet vezérlését.
