Doporučený postup Priorita: Střední
Položky stromového menu nemají název
Některé položky stromového menu, například rozbalovacího stromu kategorií, nemají text, který by asistenční technologie mohly přečíst. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.
Tento text byl přeložen automaticky a rodilý mluvčí ho zatím nezkontroloval.
Proč na tom záleží vašim zákazníkům
Uživatel čtečky obrazovky, který prochází stromem kategorií, slyší jen „položka stromu“ bez názvu kategorie, takže neví, která větev vede k hledanému zboží. Mnozí přestanou hledat a obchod opustí.
Koho se to týká
- uživatelé čteček obrazovky
- nevidomí lidé
- lidé ovládající počítač hlasem
Jak to opravit
Dejte každému prvku s role="treeitem" přístupný název: viditelný text uvnitř, nebo aria-label / aria-labelledby, pokud položka zobrazuje jen ikonu. Název by měl odpovídat tomu, co vidí vidící uživatelé. Pokud widget ve skutečnosti není strom, odstraňte stromové role a použijte obyčejný vnořený seznam odkazů.
V Shopify
Stromové role obvykle přidává aplikace pro mega menu, filtry nebo kategorie, ne šablona. Zkontrolujte nastavení aplikace nebo se obraťte na jejího vývojáře; pokud role="treeitem" přidává snippet menu samotné šablony, opravte ho v tomto Liquid snippetu.
V Shoptet (CZ)
Záleží na šabloně nebo doplňku. Zkontrolujte, zda novější verze šablony strom kategorií neopravuje; jinak se obraťte na Shoptet nebo partnera.
V PrestaShop
Obvykle pochází z modulu stromu kategorií nebo menu. Přepište .tpl šablonu modulu ve svém motivu, aby každá položka obsahovala název kategorie, nebo se obraťte na autora modulu.
V WooCommerce
Obvykle pochází z widgetu kategorií, pluginu menu nebo filtrů. Aktualizujte plugin, zkontrolujte jeho nastavení přístupnosti nebo přepište jeho šablonu v podřízené šabloně (child theme), aby každá položka vypisovala svůj text.
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core aria-treeitem-name.
dequeuniversity.com, github.com, www.w3.org