Start scanning free

( Perceivable / WCAG 1.3.1 )

List contains an element other than li

This check maps to Info and Relationships. Use the guidance below to confirm the issue, understand who it affects and ship a fix.

Serious Level A WCAG 1.3.1 — Info and Relationships

What’s wrong

A <ul> or <ol> has a direct child that isn’t a <li> (or an allowed script/template element).

Why it matters

Screen readers announce list semantics, “list, 4 items”, based on the structure being correct. A stray <div> or other element inside breaks that count and confuses the announced structure.

How to fix it

Only place <li> elements as direct children of <ul>/<ol>. Move other markup inside the <li>.

Before
<ul>
  <li>First item</li>
  <div class="divider"></div>
  <li>Second item</li>
</ul>
After
<ul>
  <li>First item</li>
  <li class="divider-item">Second item</li>
</ul>

Learn more