WCAG 2.1.4 Jednoznakowe skróty klawiaturowe

Kryterium sukcesu 2.1.4 chroni osoby korzystające z rozpoznawania mowy oraz osoby, które przypadkowo naciskają klawisze (np. z powodu drżenia rąk), przed uruchamianiem poleceń, których nie zamierzały wykonać. To poziom A, a kryterium należy do normy EN 301 549 (punkt 9.2.1.4).

Czego wymaga kryterium

Jeśli treść ma skrót klawiaturowy złożony wyłącznie z liter (wielkich lub małych), znaków interpunkcyjnych, cyfr lub symboli, musi być spełniony co najmniej jeden z warunków:

• Wyłączenie: dostępny jest mechanizm wyłączenia skrótu;
• Zmiana przypisania: dostępny jest mechanizm zmiany przypisania skrótu tak, by zawierał jeden lub więcej klawiszy niedrukowalnych (np. Ctrl lub Alt);
• Aktywny tylko przy fokusie: skrót danego komponentu działa tylko wtedy, gdy ten komponent ma fokus.

Nie ma znaczenia, iloma fizycznymi klawiszami wpisuje się znak: „?” wpisany przez Shift+/ nadal liczy się jako klawisz znakowy. Sekwencje, np. naciśnięcie G, a potem A, również się liczą.

Kryterium nie obejmuje: list wyboru i list rozwijanych, w których wpisanie litery przenosi do opcji, gdy mają fokus, menu otwieranych klawiszem modyfikującym, np. Alt, ani klawiszy dostępu przeglądarki, które używają klawiszy modyfikujących.

Typowe błędy w sklepie internetowym

• klawisz „/” lub „s”, który z dowolnego miejsca strony przenosi do pola wyszukiwania;
• „?” otwierający nakładkę pomocy albo „c” otwierające koszyk, bez możliwości wyłączenia;
• galerie produktów lub lookbooki reagujące na pojedyncze litery globalnie, a nie tylko wtedy, gdy mają fokus;
• funkcja motywu w stylu panelu administracyjnego lub widżet zewnętrzny (czat, pasek narzędzi dostępności), który dodaje do sklepu skróty literowe.

Większość sklepów nie ma żadnych skrótów znakowych — wtedy kryterium po prostu nie ma zastosowania.

Jak to sprawdzić

Automatycznie: dla tego kryterium nie ma reguły axe-core. Skróty działają w obsłudze klawiszy w JavaScripcie, której skan nie uruchamia, dlatego potrzebna jest kontrola ręczna.

Ręcznie: kliknąć w puste miejsce strony (tak, by żadne pole nie miało fokusu) i naciskać pojedyncze litery, cyfry oraz popularne symbole, np. „/”, „?” i „.”. Obserwować, czy coś się dzieje. Przejrzeć dokumentację motywu i wtyczek pod kątem opisanych skrótów. Jeśli skrót się znajdzie, sprawdzić, czy jest ustawienie pozwalające go wyłączyć lub zmienić, albo potwierdzić, że działa tylko wtedy, gdy jego widżet ma fokus.

Jak to naprawić

• Do działań w całej witrynie używać raczej skrótów z klawiszem modyfikującym (Ctrl, Alt, Cmd).
• Ograniczać skróty jednoklawiszowe do komponentu, który ma fokus, np. strzałki i klawisze liter wewnątrz galerii z fokusem.
• Jeśli globalne skróty znakowe zostają, dodać czytelne ustawienie pozwalające je wyłączyć lub zmienić.
• Nigdy nie uruchamiać skrótu, gdy użytkownik pisze w polu tekstowym.

Powiązane kryteria

• 2.1.1 Klawiatura — wszystkie funkcje muszą działać z klawiatury.
• 2.5.3 Etykieta w nazwie — kolejne kryterium pomagające osobom sterującym głosem.
• Nasza biblioteka reguł pokazuje kryteria, które obejmują reguły automatyczne.

Najczęstsze pytania

Jakich skrótów klawiaturowych dotyczy 2.1.4?

Skrótów złożonych wyłącznie ze znaków drukowalnych: liter, cyfr, znaków interpunkcyjnych lub symboli, także sekwencji takich jak G, a potem A. Skróty wymagające klawisza modyfikującego, np. Ctrl lub Alt, nie są objęte kryterium.

Jak strona może spełnić 2.1.4?

Wystarczy co najmniej jedna z trzech możliwości: sposób na wyłączenie skrótu, sposób na zmianę jego przypisania tak, by zawierał klawisz niedrukowalny, np. Ctrl lub Alt, albo działanie skrótu tylko wtedy, gdy jego własny komponent ma fokus.

Dlaczego skróty jednoliterowe są problemem?

Osoby korzystające ze sterowania głosem dyktują słowa, a każda litera może uruchomić skrót. Osoby, które przypadkowo muskają klawisze, również mogą wywołać działania, których wcale nie chciały.