Вимога WCAG A/AA Пріоритет: Незначно
Список зібрано неправильно
Маркований або нумерований список містить елементи, які не можуть стояти безпосередньо всередині списку.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Користувачі програм зчитування з екрана можуть почути неправильну кількість пунктів або втратити структуру списку в меню, фільтрах чи характеристиках товару, тож сторінку важче швидко переглянути.
Кого це стосується
- користувачі програм зчитування з екрана
Як виправити
Усередині <ul> і <ol> розміщуйте лише елементи <li> (а також <script> чи <template>). Переносьте обгортки на кшталт <div> усередину <li>, а не навколо нього. Перевірте меню, фільтри та підвал сайту.
У Shopify
Зазвичай це меню чи секції теми або розмітка, яку додають застосунки. Виправте структуру списку в секціях чи сніпетах 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 list.
dequeuniversity.com, github.com, www.w3.org
Схожі перевірки
-
Кнопки й посилання замалі, щоб на них було легко натиснути
WCAG 2.5.8 AA
-
Клікабельне зображення працює лише з мишею
WCAG 2.1.1 A
-
Деякі векторні зображення не мають текстового опису
WCAG 1.1.1 A
-
Назва чи значення стоїть поза своїм списком
WCAG 1.3.1 A