Вимога WCAG A/AA Пріоритет: Незначно
Назва чи значення стоїть поза своїм списком
Елемент <dt> або <dd> (назва чи значення, часто в характеристиках товару) не знаходиться всередині списку описів <dl>.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Програми зчитування з екрана не можуть подати назви й значення парами, тому покупці можуть не зрозуміти, яке значення належить до якої характеристики.
Кого це стосується
- користувачі програм зчитування з екрана
Як виправити
Розміщуйте кожен <dt> і <dd> безпосередньо всередині <dl> або всередині <div>, який є прямим нащадком <dl>. Якщо вміст не складається з пар «назва — значення», використовуйте інші елементи, як-от <p>, список чи таблицю.
У Shopify
Трапляється рідше; зазвичай у власних секціях характеристик або розмітці застосунків, які виводять <dt>/<dd> без <dl>. Виправте в секціях чи сніпетах 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 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