This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
Co je klávesová past na webové stránce?
Klávesová past je místo na webu, kde uvázne klávesové zaostření: Kdo se do něj dostane pomocí klávesy Tab, se z něj samotnou klávesnicí už nikdy nedostane ven. Pro lidi bez myši stránka na tomto místě končí — pokračovat ve čtení, objednat nebo odeslat formulář je nemožné. Časté spouštěče jsou výběr data, okno chatu, vložená videa a galerie obrázků. Kritérium WCAG 2.1.2 takové pasti zakazuje.
Jak vzniká klávesová past
Většinu klávesových pastí nikdo nestaví schválně. Vznikají díky hotovým prvkům od třetích stran: Výběr data zachytí fokus, aby byly jeho dny v kalendáři dostupné šipkami — a zapomene na cestu ven. Okno chatu drží zaostření ve svém vstupním poli. Vlastnoručně sestavené dialogové okno bez tlačítka pro zavření nechá fokus kroužit mezi svými dvěma tlačítky. S myší si toho nikdo nevšimne, protože uživatelé myši prostě kliknou vedle. Právě proto zůstávají klávesové pasti často měsíce neodhalené, zatímco uživatelé klávesnice stránku po celou tu dobu na stejném místě opouštějí.
Jak kontrolní služba měří klávesovou past
Kontrolní služba na vaší stránce skutečně stiskne klávesu Tab a zaznamená každou zastávku s pozicí a prvkem. Pokud fokus krouží mezi stejnými několika prvky, aniž by dosáhl konce dokumentu, hodnotí to jako klávesovou past. Zpráva pojmenuje zúčastněné prvky a přikládá dokladový snímek obrazovky. Kroužení fokusu uvnitř vloženého rámce cizího poskytovatele zpráva zaznamená jako případ k ruční kontrole — tam nelze strojově bezpečně rozhodnout, zda existuje cesta ven. Dosáhne-li měření konce dokumentu bez kroužení, kritérium se považuje za splněné.
Příklady
Dialog bez výsledku
<div role="dialog" aria-modal="true">
<p>Newsletter?</p>
<input type="email">
<!-- kein Schließen-Knopf, Escape ohne Wirkung -->
</div><dialog id="nl">
<p>Newsletter?</p>
<input type="email">
<button type="button" onclick="nl.close()">Schließen</button>
</dialog>
<!-- dialog schließt mit Escape von selbst -->Z každé oblasti, klávesnice musí vyjít znovu: s Tab, Escape nebo popsaným způsobem.
- Projděte klávesou Tab celou svou domovskou stránku až po patičku — pokud někde uvíznete, past jste našli.
- Zkontrolujte každý nově vložený cizí prvek zvlášť: výběr data, okno chatu, karusel, přehrávač videa.
- Požádejte svou agenturu, aby každé dialogové okno mělo klávesnicí dostupnou možnost zavření, alespoň klávesu Escape.
- Otestujte znovu po každé aktualizaci vložených prvků — nová verze může zavést past.
