List items outside a list
WCAG 1.3.1 (A) · EN 301 549 9.1.3.1
There are <li> elements whose parent is neither <ul> nor <ol>.
Why it matters
Screen readers announce "list, 5 items" and let people jump between them. When the markup is broken, that information disappears.
How to fix it
Wrap the <li> elements in a <ul> or <ol>. If a <div> has to sit in between for layout, give the container role="list".
Related
- Form fields with no label
- Option group with no group label
- Heading levels skipped
- Missing main heading, or more than one
Does your shop have this failure?
Check for free, along with the other 54 rules. No sign-up.