Вимога WCAG A/AA Пріоритет: Незначно
Пункт списку стоїть поза списком
Елемент, позначений як пункт списку, розміщений не всередині списку, тому його структура втрачається.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Користувачі програм зчитування з екрана можуть не почути, що пункти повʼязані між собою, наприклад характеристики товару чи пункти меню, і сторінку важче швидко переглянути.
Кого це стосується
- користувачі програм зчитування з екрана
Як виправити
Переконайтеся, що кожен <li> стоїть безпосередньо всередині <ul>, <ol> або елемента з role="list". Перевірте, чи обгортки або скрипти не відокремили пункти від їхнього списку.
У Shopify
Зазвичай це секції теми чи блоки застосунків, які виводять <li> без батьківського списку. Виправте це в секціях чи сніпетах Liquid теми.
У Shoptet (CZ)
Зазвичай це код шаблону. Зверніться до Shoptet або до партнера Shoptet.
У PrestaShop
Зазвичай це шаблони теми чи модулів. Виправте розмітку у файлах .tpl теми чи в перевизначених шаблонах модулів.
У 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 listitem.
dequeuniversity.com, github.com, www.w3.org
Схожі перевірки
-
Деякі розгортувані розділи не мають назви
WCAG 4.1.2 A
-
Сторінка не має заголовка
WCAG 2.4.2 A
-
Посилання в тексті виглядають як звичайний текст
WCAG 1.4.1 A
-
Деякі посилання не повідомляють, куди ведуть
WCAG 2.4.4 A