Требование WCAG A/AA Приоритет: Незначительно
Название или значение стоит вне своего списка
Элемент <dt> или <dd> (название или значение, часто в характеристиках товара) не находится внутри списка описаний <dl>.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Скринридеры не могут подать названия и значения парами, поэтому покупатели могут не понять, какое значение относится к какой характеристике.
Кого это касается
- пользователи скринридеров
Как исправить
Размещайте каждый <dt> и <dd> непосредственно внутри <dl> или внутри <div>, который является прямым потомком <dl>. Если содержимое не состоит из пар «название — значение», используйте другие элементы, например <p>, список или таблицу.
В Shopify
Встречается реже; обычно в собственных секциях характеристик или разметке приложений, которые выводят <dt>/<dd> без <dl>. Исправьте в 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 dlitem.
dequeuniversity.com, github.com, www.w3.org
Похожие проверки
-
На странице устаревшая разметка мигающего текста
WCAG 2.2.2 A
-
У видео нет субтитров
WCAG 1.2.2 A
-
У нестандартных полей ввода нет подписи
WCAG 4.1.2 A
-
Название или значение стоит вне своего списка
WCAG 1.3.1 A