WCAG 2.1.4 Klávesové zkratky se znaky

Kritérium úspěšnosti 2.1.4 chrání lidi, kteří používají rozpoznávání řeči, a lidi, kteří klávesy mačkají omylem (například kvůli třesu), před spuštěním příkazů, které nezamýšleli. Jde o úroveň A a je součástí normy EN 301 549 (článek 9.2.1.4). Na harmonizovanou normu EN 301 549 odkazuje i český zákon č. 424/2023 Sb.

Co kritérium vyžaduje

Pokud obsah implementuje klávesovou zkratku, která používá jen písmena (velká nebo malá), interpunkci, číslice nebo symboly, musí platit alespoň jedno z následujícího:

• Vypnutí: je k dispozici mechanismus, jak zkratku vypnout;
• Přemapování: je k dispozici mechanismus, jak ji přemapovat tak, aby obsahovala jednu nebo více netisknutelných kláves (například Ctrl nebo Alt);
• Aktivní jen při fokusu: zkratka komponenty je aktivní, jen když má komponenta fokus.

Nezáleží na tom, kolik fyzických kláves znak vytvoří: „?“ napsaný pomocí Shift+/ se stále počítá jako znaková klávesa. Počítají se i sekvence, například stisk G a potom A.

Netýká se seznamů a rozbalovacích seznamů, kde napsání písmene při fokusu přeskočí na možnost, menu otevíraných modifikační klávesou, například Alt, ani přístupových kláves prohlížeče, které používají modifikační klávesy.

Typické chyby v e-shopu

• klávesa „/“ nebo „s“, která odkudkoli na stránce skočí do vyhledávacího pole;
• „?“ otevře překryvnou nápovědu nebo „c“ otevře košík a nelze to vypnout;
• galerie produktů nebo lookbooky, které reagují na jednotlivá písmena globálně, ne jen při fokusu;
• funkce šablony ve stylu administrace nebo widget třetí strany (chat, panel přístupnosti), který do e-shopu přidá písmenné zkratky.

Většina e-shopů žádné znakové zkratky nemá — pak se kritérium jednoduše neuplatní.

Jak to zkontrolovat

Automaticky: pro toto kritérium neexistuje pravidlo axe-core. Zkratky jsou v obsluze kláves v JavaScriptu, kterou kontrola nespouští, proto je potřeba ruční kontrola.

Ručně: klikněte na prázdné místo stránky (aby žádné pole nemělo fokus) a mačkejte jednotlivá písmena, číslice a běžné symboly jako „/“, „?“ a „.“. Sledujte, zda se něco stane. Přečtěte si dokumentaci šablony a pluginů, zda uvádějí zkratky. Pokud nějakou najdete, hledejte nastavení pro její vypnutí nebo přemapování, nebo ověřte, že funguje, jen když má fokus její widget.

Jak to opravit

• Pro akce na celém webu dávejte přednost zkratkám s modifikační klávesou (Ctrl, Alt, Cmd).
• Jednoklávesové zkratky omezte na komponentu, která má fokus, například šipky a písmena uvnitř galerie s fokusem.
• Pokud globální znakové zkratky ponecháte, přidejte jasné nastavení pro jejich vypnutí nebo změnu.
• Nikdy nespouštějte zkratku, zatímco uživatel píše do textového pole.

Související kritéria

• 2.1.1 Klávesnice — všechny funkce musí fungovat z klávesnice.
• 2.5.3 Popisek v názvu — další kritérium, které pomáhá uživatelům hlasového zadávání.
• Naše knihovna pravidel uvádí kritéria, která automatická pravidla pokrývají.

Časté otázky

Na které klávesové zkratky se 2.1.4 vztahuje?

Na zkratky tvořené jen tisknutelnými znaky: písmeny, číslicemi, interpunkcí nebo symboly, včetně sekvencí jako G a potom A. Zkratek, které vyžadují modifikační klávesu, jako je Ctrl nebo Alt, se netýká.

Jak může web splnit 2.1.4?

Alespoň jednou ze tří možností: zkratku lze vypnout, lze ji přemapovat tak, aby obsahovala netisknutelnou klávesu jako Ctrl nebo Alt, nebo zkratka funguje jen tehdy, když má fokus její vlastní komponenta.

Proč jsou jednopísmenné zkratky problém?

Uživatelé hlasového zadávání diktují slova a každé písmeno může spustit zkratku. Lidé, kteří o klávesy omylem zavadí, mohou také spustit akce, které vůbec nechtěli.