Practică recomandată Prioritate: Moderat
Elementele unui meniu arborescent nu au nume
Unele elemente dintr-un meniu sub formă de arbore, de exemplu un arbore de categorii extensibil, nu au un text pe care tehnologiile asistive să îl poată citi. 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 cititor de ecran care parcurge arborele de categorii aude doar „element de arbore”, fără numele categoriei, așa că nu știe care ramură duce la produsele căutate. Mulți renunță și părăsesc magazinul.
Pe cine afectează
- utilizatorii de cititoare de ecran
- persoanele nevăzătoare
- utilizatorii de control vocal
Cum se remediază
Dați fiecărui element cu role="treeitem" un nume accesibil: text vizibil în interior sau aria-label / aria-labelledby când elementul afișează doar o pictogramă. Numele trebuie să corespundă cu ce văd utilizatorii văzători. Dacă widgetul nu este de fapt un arbore, eliminați rolurile de arbore și folosiți o listă simplă imbricată de linkuri.
În Shopify
Rolurile de arbore provin de obicei dintr-o aplicație de mega-meniu, filtre sau categorii, nu din temă. Verificați setările aplicației sau întrebați dezvoltatorul ei; dacă snippetul de meniu al temei adaugă role="treeitem", corectați-l în acel snippet Liquid.
În Shoptet (CZ)
Depinde de șablon sau de un add-on. Verificați dacă o versiune mai nouă a șablonului corectează arborele de categorii; altfel adresați-vă Shoptet sau unui partener.
În PrestaShop
Provine de obicei dintr-un modul de arbore de categorii sau de meniu. Suprascrieți șablonul .tpl al modulului în tema dvs., astfel încât fiecare element să conțină numele categoriei, sau întrebați autorul modulului.
În WooCommerce
Provine de obicei dintr-un widget de categorii, un plugin de meniu sau de filtre. Actualizați pluginul, verificați opțiunile lui de accesibilitate sau suprascrieți-i șablonul într-o temă copil, astfel încât fiecare element să își afișeze textul.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core aria-treeitem-name.
dequeuniversity.com, github.com, www.w3.org