List item is outside a list
Why it matters
A <li> that is not inside a <ul> or <ol> is not announced as part of a list, so the grouping is lost.
How to fix it
Wrap list items in <ul> or <ol>. If you only want the look, use a different element.
<!-- Before -->
<li>Tea</li><li>Coffee</li>
<!-- After -->
<ul><li>Tea</li><li>Coffee</li></ul>Read the W3C guidance: Understanding 1.3.1 Info and Relationships.
Related rules
- Heading levels are skipped (WCAG 1.3.1)
- Heading is empty (WCAG 1.3.1)
- Several navigation areas share no labels (WCAG 1.3.1)
- Data table has no header cells (WCAG 1.3.1)
Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.