WCAG A/AA requirement Priority: Minor
A label or value stands outside its list
A <dt> or <dd> element (a label or value, often in product specifications) is not inside a <dl> description list.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
Screen readers cannot present the labels and values as pairs, so shoppers may not know which value belongs to which specification.
Who is affected
- screen reader users
How to fix it
Put every <dt> and <dd> directly inside a <dl>, or inside a <div> that is a direct child of a <dl>. If the content is not label-and-value pairs, use other elements such as <p>, a list or a table.
On Shopify
Less common; usually in custom specification sections or app markup that outputs <dt>/<dd> without a <dl>. Fix it in the theme's Liquid sections or snippets.
On Shoptet (CZ)
Usually in the template code. Report it to Shoptet or a partner.
On PrestaShop
Usually in customised product or cart templates. Fix the markup in the theme's .tpl files or overridden module templates.
On WooCommerce
Usually in themes or plugins that override cart, order or product templates. Fix it in the child-theme template or report it to the plugin author.
Standards
| Standard | Clause |
|---|---|
| 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 |
Automated check: axe-core rule dlitem.
dequeuniversity.com, github.com, www.w3.org
Related checks
-
The page uses outdated blinking-text markup
WCAG 2.2.2 A
-
Videos have no captions
WCAG 1.2.2 A
-
Custom input fields have no label
WCAG 4.1.2 A
-
A label or value stands outside its list
WCAG 1.3.1 A