Требование WCAG A/AA Приоритет: Незначительно
Список собран неправильно
Маркированный или нумерованный список содержит элементы, которым нельзя находиться непосредственно внутри списка.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Пользователи скринридеров могут услышать неверное число пунктов или потерять структуру списка в меню, фильтрах или характеристиках товара, и страницу становится труднее просматривать.
Кого это касается
- пользователи скринридеров
Как исправить
Внутри <ul> и <ol> размещайте только элементы <li> (а также <script> или <template>). Обёртки вроде <div> переносите внутрь <li>, а не вокруг него. Проверьте меню, фильтры и подвал.
В Shopify
Обычно это меню или секции темы либо разметка из приложений. Исправьте структуру списка в Liquid-секциях или сниппетах темы.
В Shoptet (CZ)
Обычно это меню или подвал шаблона. Сообщите об этом в 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