Рекомендуемая практика Приоритет: Умеренно
Пункты древовидного меню не имеют названия
Некоторые пункты древовидного меню, например раскрывающегося дерева категорий, не содержат текста, который могут прочитать вспомогательные технологии. Это рекомендуемая практика, а не требование WCAG уровня AA.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Пользователь программы чтения с экрана, двигаясь по дереву категорий, слышит только «элемент дерева» без названия категории и не понимает, какая ветка ведёт к нужным товарам. Многие перестают искать и уходят из магазина.
Кого это касается
- пользователи программ чтения с экрана
- незрячие люди
- люди, управляющие голосом
Как исправить
Дайте каждому элементу с role="treeitem" доступное название: видимый текст внутри или aria-label / aria-labelledby, если пункт показывает только значок. Название должно совпадать с тем, что видят зрячие пользователи. Если виджет на самом деле не дерево, уберите роли дерева и используйте обычный вложенный список ссылок.
В Shopify
Роли дерева обычно добавляет приложение мегаменю, фильтров или категорий, а не тема. Проверьте настройки приложения или обратитесь к его разработчику; если role="treeitem" добавляет сниппет меню самой темы, исправьте его в этом Liquid-сниппете.
В Shoptet (CZ)
Зависит от шаблона или дополнения. Проверьте, исправляет ли дерево категорий новая версия шаблона; иначе обратитесь в Shoptet или к партнёру.
В PrestaShop
Обычно это идёт от модуля дерева категорий или меню. Переопределите .tpl-шаблон модуля в своей теме, чтобы каждый пункт содержал название категории, или обратитесь к автору модуля.
В WooCommerce
Обычно это идёт от виджета категорий, плагина меню или фильтров. Обновите плагин, проверьте его настройки доступности или переопределите его шаблон в дочерней теме, чтобы каждый пункт выводил свой текст.
Стандарты
Это не критерий WCAG, а рекомендуемая практика, которая делает сайт удобнее.
Автоматическая проверка: правило axe-core aria-treeitem-name.
dequeuniversity.com, github.com, www.w3.org