This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Prístupnosť
Prečo musí byť webová stránka použiteľná bez myši?
Webové stránky musia byť ovládateľné bez myši, pretože mnohí ľudia používajú iba klávesnicu: slepí ľudia s programom na čítanie, ľudia s otrasom alebo ochrnutím a používatelia špeciálnych klávesníc. Ak kľúč karty nedosiahne položku menu alebo tlačidlo, táto funkcia jednoducho neexistuje pre všetkých týchto ľudí - ako keby ste ju nikdy nepostavili. Kritérium 2.1.1 WCAG preto vyžaduje úplnú použiteľnosť klávesnice.
Prevádzka klávesnice v každodennom živote: Tab, vstupné klávesy a šípky
Operácia bez myši nasleduje pevný vzor. Tlačidlo karty posunie viditeľnú značku z prvku do prvku: z loga do menu, z menu do vyhľadávacieho poľa, na odkazy a tlačidlá. Vstupné tlačidlo otvorí označený prvok, šípky ovládacie menu a výberové zoznamy. Príklad: Kto vyplní váš kontaktný formulár, skočí s Tab z poľa do poľa a pošle na konci klávesom Enter. Tento vzor funguje len vtedy, ak je každý ovládací prvok technicky vytvorený ako odkaz, tlačidlo alebo pole. Kliknuteľný odsek, že skript robí tlačidlo vyzerá rovnako s myšou, že neexistuje pre klávesnicu.
Ako testovacia služba kontroluje prevádzku klávesnice
Overovacia služba skutočne stlačí tlačidlo záložky na vašej stránke a zastaví sa až do konca dokumentu. Okrem toho vyhľadáva zdrojový kód pre ovládacie prvky, ktoré reagujú iba na kliknutie myši: prvky s pokynmi kliknutím, ktoré nie sú dostupné pre klávesnicu. Ak zistí takéto prvky, kritérium sa považuje za porušené a názov prvého postihnutého prvku správy spolu s fotografiou na obrazovke dokumentu. Ak záložka kľúč nedosahuje jediný zastávku napriek existujúce kontroly, to je tiež porušenie. Ak meranie zostáva nerozhodné, správa otvorene identifikuje ako manuálny kontrolný bod.
Príklady
Kliknite na tlačidlo Handler na div
<div class="knopf" onclick="warenkorb()">In den Warenkorb</div><button type="button" onclick="warenkorb()">In den Warenkorb</button>Div nedosahuje kláves záložky a nereaguje na Enter alebo medzerník. Tlačidlo môže urobiť oboje sám.
Menu sa otvára iba pri prekračovaní
.menue li:hover > ul { display: block; }.menue li:hover > ul,
.menue li:focus-within > ul { display: block; }focus-in tiež otvorí podmenu, ak je zameranie na položku klávesnice.
- Nastavte myš stranou a prevádzkovať domovskú stránku po dobu piatich minút len s klávesom Tab, Zadajte kľúč a šípky.
- Najmä, skontrolujte menu, vyhľadávací box a nákupný košík.
- Požiadajte svoju agentúru, aby používala skutočné ovládacie prvky pre každú klikateľnú položku: odkaz, tlačítko alebo pole formulára namiesto klikateľného textu.
- Opakovať Kontrola klávesnice po každej hlavnej prestavbe.
