Перейти до вмісту
Pandus
uk Змінити мову
Меню

Вимога WCAG A/AA Пріоритет: Серйозно

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

Деякі нестандартні компоненти, наприклад меню, набори вкладок чи списки варіантів, не містять потрібних елементів усередині.

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

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

Користувачі програм зчитування з екрана можуть почути порожнє меню чи список або не змогти переходити між вкладками й варіантами. Через це навігацією та фільтрами важко користуватися.

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

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

Як виправити

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

У Shopify

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

У Shoptet (CZ)

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

Схожі перевірки

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