WCAG A/AA requirement Priority: Minor
A list is built incorrectly
A bulleted or numbered list contains elements that do not belong directly inside a list.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
Screen reader users may hear the wrong item count or lose the list structure in menus, filters or product features, so the page is harder to scan.
Who is affected
- screen reader users
How to fix it
Inside <ul> and <ol> put only <li> elements (plus <script> or <template>). Move wrappers such as <div> inside the <li>, not around it. Check menus, filters and footers.
On Shopify
Usually in theme menus or sections, or markup added by apps. Fix the list structure in the theme's Liquid sections or snippets.
On Shoptet (CZ)
Usually in template menus or footers. Report it to Shoptet or a partner, since the markup is part of the template.
On PrestaShop
Usually in theme menus or modules such as the footer or faceted search. Fix the markup in the theme's .tpl files or overridden module templates.
On WooCommerce
Usually in theme menus, widgets or page-builder blocks. Fix the markup in child-theme templates or the builder's widget settings.
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 list.
dequeuniversity.com, github.com, www.w3.org
Related checks
-
Buttons and links are too small to tap easily
WCAG 2.5.8 AA
-
A clickable image only works with a mouse
WCAG 2.1.1 A
-
Some vector graphics have no text description
WCAG 1.1.1 A
-
A label or value stands outside its list
WCAG 1.3.1 A