Пункты меню или вкладки находятся вне своей группы

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

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

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

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

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

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

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

Поместите каждый элемент внутрь контейнера с нужной ролью, например role="tab" внутри role="tablist", role="option" внутри role="listbox", role="menuitem" внутри role="menu" или "menubar". Проверьте промежуточные обёртки без ролей или удалите ненужные роли.

В Shopify

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

В Shoptet (CZ)

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

В PrestaShop

Обычно это меню темы или шаблоны модулей. Исправьте в шаблонах .tpl или 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-parent. dequeuniversity.com, github.com, www.w3.org

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