Перейти к содержимому
Pandus
ru Сменить язык
Меню

Требование WCAG A/AA Приоритет: Серьёзно

Нестандартные меню или списки собраны неправильно

Некоторые нестандартные компоненты, например меню, наборы вкладок или списки вариантов, не содержат нужных элементов внутри.

Этот текст переведён автоматически, носитель языка его ещё не вычитал.

Почему это важно для ваших покупателей

Пользователи скринридеров могут услышать пустое меню или список либо не смогут переходить между вкладками и вариантами, поэтому навигацией и фильтрами трудно пользоваться.

Кого это касается

  • пользователи скринридеров
  • незрячие покупатели

Как исправить

Добавьте в каждый ARIA-контейнер дочерние роли, которые он требует, например role="menuitem" внутри role="menu", role="tab" внутри role="tablist", role="option" внутри role="listbox". Если компонент на самом деле не меню, просто удалите роль.

В Shopify

Обычно это меню, вкладки темы или виджеты приложений с ARIA-ролями. Исправьте роли в Liquid-секциях и JavaScript темы; о виджетах приложений сообщите разработчику.

В Shoptet (CZ)

Обычно это меню или вкладки шаблона. Сообщите об этом в Shoptet или партнёру.

В PrestaShop

Обычно это меню, вкладки или модули фасетного поиска. Исправьте в шаблонах и JavaScript темы или модуля.

В WooCommerce

Обычно это меню, вкладки или слайдеры из темы, конструкторов страниц или плагинов. Исправьте в коде дочерней темы или сообщите автору плагина.

Стандарты

Стандарты
СтандартПункт
WCAG 2.2 1.3.1 (A) Info and Relationships
WCAG 2.1 1.3.1 (A) Info and Relationships
WCAG 2.0 1.3.1 (A) Info and Relationships
EN 301 549 4.1.1 9.1.3.1
EN 301 549 3.2.1 9.1.3.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.3.1

Автоматическая проверка: правило axe-core aria-required-children. dequeuniversity.com, github.com, www.w3.org

Похожие проверки

Все правила, которые мы проверяем