Przejdź do treści
Pandus

Zalecana praktyka Priorytet: Drobne

Kilka elementów ma ten sam skrót klawiszowy

Strona definiuje skróty klawiszowe atrybutem accesskey, a dwa lub więcej elementów ma ten sam klawisz. To zalecana praktyka, a nie wymóg WCAG na poziomie AA.

Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.

Dlaczego to ważne dla Twoich klientów

Użytkownik klawiatury po naciśnięciu skrótu może trafić na inny element niż oczekiwał albo nic się nie stanie. Skróty mogą też kolidować ze skrótami przeglądarki lub czytnika ekranu. Korzysta z nich niewielu klientów, więc wpływ na sprzedaż jest niewielki.

Kogo to dotyczy

  • użytkownicy klawiatury
  • użytkownicy czytników ekranu
  • osoby z niepełnosprawnościami ruchowymi

Jak to naprawić

Nadaj każdemu accesskey unikalną wartość albo, lepiej, usuń atrybuty accesskey całkowicie: często kolidują ze skrótami przeglądarek i technologii asystujących, a większość użytkowników o nich nie wie. Jeśli skróty są potrzebne, wypisz je na stronie i pozwól je wyłączyć lub zmienić.

W Shopify

Standardowe motywy rzadko używają accesskey; zwykle pochodzi z własnego kodu lub aplikacji. Wyszukaj „accesskey” w kodzie motywu i usuń lub zmień duplikaty.

W Shoptet (CZ)

Zwykle pochodzi z własnego kodu dodanego do sklepu. Usuń lub zmień zduplikowany accesskey w swoim kodzie; jeśli dodaje go szablon, zapytaj Shoptet lub partnera.

W PrestaShop

Zwykle pochodzi ze starszego motywu lub szablonów modułów. Wyszukaj „accesskey” w plikach .tpl i usuń duplikaty, najlepiej przez nadpisanie w motywie.

W WooCommerce

Zwykle pochodzi z wtyczki, page buildera lub starszego motywu. Wyszukaj „accesskey” w szablonach motywu i motywu potomnego i popraw duplikaty w motywie potomnym.

Normy

To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.

Automatyczny test: reguła axe-core accesskeys. dequeuniversity.com, github.com

Wszystkie reguły, które sprawdzamy