Пункти меню або вкладки стоять поза своєю групою

Деякі нестандартні елементи, наприклад пункти меню, вкладки чи варіанти вибору, розміщені не в тій групі, до якої належать.

Цей текст перекладено автоматично, носій мови його ще не вичитав.

Чому це важливо для ваших покупців

Користувачі програм зчитування з екрана можуть не почути, що елементи повʼязані між собою і скільки їх, тому меню, вкладки та списки варіантів стають менш зрозумілими.

Кого це стосується

користувачі програм зчитування з екрана
незрячі покупці

Як виправити

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

У Shopify

Зазвичай це меню, вкладки теми чи віджети застосунків. Виправте структуру в секціях Liquid або JavaScript теми; про віджети застосунків повідомте розробника.

У Shoptet (CZ)

Зазвичай це меню чи вкладки шаблону. Зверніться до Shoptet або до партнера 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

Клікабельне зображення працює лише з мишею
WCAG 2.1.1 A
Деякі індикатори рівня не мають назви
WCAG 1.1.1 A
Сторінка містить застарілу розмітку миготливого тексту
WCAG 2.2.2 A
Назву таблиці записано в клітинці таблиці
WCAG 1.3.1 A

Усі правила, які ми перевіряємо