Practică recomandată Prioritate: Minor
Mai multe elemente folosesc aceeași scurtătură de tastatură
Pagina definește scurtături de tastatură cu atributul accesskey, iar două sau mai multe elemente au aceeași tastă. Aceasta este o practică recomandată, nu o cerință WCAG de nivel AA.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Un utilizator de tastatură care apasă scurtătura poate ajunge la alt element decât se aștepta sau nu se întâmplă nimic. Scurtăturile pot intra și în conflict cu cele ale browserului sau ale cititorului de ecran. Puțini clienți le folosesc, deci efectul asupra vânzărilor este mic.
Pe cine afectează
- utilizatorii de tastatură
- utilizatorii de cititoare de ecran
- persoanele cu dizabilități motorii
Cum se remediază
Dați fiecărui accesskey o valoare unică sau, mai bine, eliminați complet atributele accesskey: intră des în conflict cu scurtăturile browserelor și ale tehnologiilor asistive, iar majoritatea utilizatorilor nu știu de ele. Dacă aveți nevoie de scurtături, enumerați-le pe pagină și permiteți dezactivarea sau schimbarea lor.
În Shopify
Temele standard folosesc rar accesskey; de obicei provine din cod personalizat sau dintr-o aplicație. Căutați „accesskey” în codul temei și eliminați sau redenumiți duplicatele.
În Shoptet (CZ)
De obicei provine din cod personalizat adăugat în magazin. Eliminați sau redenumiți accesskey-ul duplicat din codul dvs.; dacă îl adaugă șablonul, cereți ajutorul Shoptet sau al unui partener.
În PrestaShop
De obicei provine dintr-o temă mai veche sau din șabloanele modulelor. Căutați „accesskey” în fișierele .tpl și eliminați duplicatele, de preferat printr-un override în temă.
În WooCommerce
De obicei provine dintr-un plugin, un page builder sau o temă mai veche. Căutați „accesskey” în șabloanele temei și ale temei copil și corectați duplicatele în tema copil.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core accesskeys.
dequeuniversity.com, github.com