This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
Proč musí být web ovladatelný bez myši?
Web musí být ovladatelný bez myši, protože mnoho lidí používá výhradně klávesnici: nevidomí lidé s odečítačem obrazovky, lidé s třesem nebo ochrnutím a uživatelé speciálních klávesnic. Nedosáhne-li klávesa Tab na položku menu nebo tlačítko, tato funkce pro všechny tyto lidi prostě neexistuje — jako byste ji nikdy nepostavili. Kritérium WCAG 2.1.1 proto vyžaduje úplnou ovladatelnost klávesnicí.
Ovládání klávesnicí v praxi: Tab, Enter a šipky
Ovládání bez myši se řídí pevným vzorem. Klávesa Tab přesouvá viditelné označení z prvku na prvek: od loga k menu, od menu k vyhledávacímu poli, dál k odkazům a tlačítkům. Klávesa Enter otevře označený prvek, šipky ovládají menu a výběrové seznamy. Příklad: kdo vyplňuje váš kontaktní formulář, skáče klávesou Tab z pole na pole a nakonec ho odešle klávesou Enter. Tento vzor funguje jen tehdy, je-li každý ovládací prvek technicky vytvořen jako odkaz, tlačítko nebo pole formuláře. Klikatelný textový odstavec, který skript udělá tlačítkem, vypadá s myší stejně — pro klávesnici neexistuje.
Jak kontrolní služba kontroluje ovládání klávesnicí
Kontrolní služba na vaší stránce skutečně stiskne klávesu Tab, zastávku za zastávkou, až do konce dokumentu. Navíc prohledá zdrojový kód, zda neobsahuje ovládací prvky, které reagují jen na kliknutí myší: prvky s pokynem na kliknutí, které jsou pro klávesnici nedosažitelné. Najde-li takové prvky, kritérium se považuje za porušené a zpráva pojmenuje první postižený prvek včetně dokladového snímku obrazovky. Nedosáhne-li klávesa Tab přes existující ovládací prvky ani jediné zastávky, je to také porušení. Zůstane-li měření nerozhodnuté, zpráva to otevřeně uvádí jako bod k ruční kontrole — prázdná kontrola je u nás vždy chybou, nikdy ne omluvenkou.
Příklady
Klikněte na handler na div
<div class="knopf" onclick="warenkorb()">In den Warenkorb</div><button type="button" onclick="warenkorb()">In den Warenkorb</button>Div nedosáhne klávesy a nereaguje na klávesu Enter nebo mezerník. Tlačítko zvládne obojí samo.
Menu se otevírá pouze při křížení
.menue li:hover > ul { display: block; }.menue li:hover > ul,
.menue li:focus-within > ul { display: block; }focus- uvnitř také otevře podmenu, pokud je zaměření na položku klávesnicí.
- Odložte myš stranou a ovládejte svou domovskou stránku pět minut jen klávesou Tab, Enter a šipkami.
- Zkontrolujte zejména menu, vyhledávací pole a košík — tam se skrývá nejvíc míst, která reagují jen na kliknutí myší.
- Požádejte svou agenturu, aby pro každý klikatelný prvek používala skutečné ovládací prvky: odkaz, tlačítko nebo pole formuláře místo klikatelného textu.
- Zopakujte test klávesnicí po každé větší úpravě — nový skript menu může nepozorovaně odstranit ovládání klávesnicí.
