WCAG A/AA requirement Priority: Minor
A list item is outside a list
An element marked as a list item is not inside a list, so its structure is lost.
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 not hear that items belong together, for example product features or menu entries, which makes the page harder to scan.
Who is affected
- screen reader users
How to fix it
Make sure every <li> sits directly inside a <ul>, <ol> or an element with role="list". Check that wrappers or scripts did not separate items from their list.
On Shopify
Usually in theme sections or app blocks that output <li> without a parent list. 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 theme or module templates. Fix the markup in the theme's .tpl files or overridden module templates.
On WooCommerce
Usually in theme templates, widgets or page-builder blocks. Fix the markup in a child theme or the builder's 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 listitem.
dequeuniversity.com, github.com, www.w3.org
Related checks
-
Some expandable sections have no name
WCAG 4.1.2 A
-
The page has no title
WCAG 2.4.2 A
-
Links in text look like normal text
WCAG 1.4.1 A
-
Some links do not say where they go
WCAG 2.4.4 A