Список «название — значение» собран неправильно

Список описаний (<dl>), который часто используют для характеристик товара или выбранных опций, содержит элементы не на своём месте или в неправильном порядке.

Этот текст переведён автоматически, носитель языка его ещё не вычитал.

Почему это важно для ваших покупателей

Пользователи скринридеров могут не услышать, какое значение относится к какому названию, например какое число — вес, а какое — размер, и характеристики товара становится труднее понять.

Кого это касается

пользователи скринридеров

Как исправить

Внутри <dl> размещайте только группы <dt> (название) и <dd> (значение) именно в таком порядке: каждая группа начинается с одного или нескольких <dt>, за которыми идут один или несколько <dd>. Целую группу можно обернуть в <div>; также допустимы <script> и <template>. Остальные элементы переносите внутрь <dt> или <dd>.

В Shopify

Встречается реже; обычно в собственных секциях характеристик, блоках метаполей или разметке приложений. Исправьте структуру в Liquid-секциях или сниппетах темы.

В Shoptet (CZ)

Параметры товара выводит шаблон. Сообщите об этом в Shoptet или партнёру.

В PrestaShop

Темы часто показывают характеристики товара как <dl>; в изменённых темах структура может быть нарушена. Исправьте разметку в файлах .tpl страницы товара в теме.

В WooCommerce

WooCommerce показывает выбранные опции товара в корзине и деталях заказа как <dl>; темы или плагины, переопределяющие эти шаблоны, могут нарушить структуру. Исправьте в шаблоне дочерней темы или сообщите автору плагина.

Стандарты

Стандарты
Стандарт	Пункт
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 definition-list. dequeuniversity.com, github.com, www.w3.org

Все правила, которые мы проверяем