axe-core rule: listitem

List items are used outside of a list

Fix reference | BarrierScan

What it is

li elements appear without a ul or ol parent, so assistive technology cannot present them as a list.

Who it blocks

Screen reader users lose list announcements and item counts, making grouped content read as disconnected fragments.

How to fix it

Wrap groups of li elements in a ul (unordered) or ol (ordered) parent.

Example fix

<!-- Before -->
<div class="features">
  <li>Free shipping</li>
  <li>30-day returns</li>
</div>

<!-- After -->
<ul class="features">
  <li>Free shipping</li>
  <li>30-day returns</li>
</ul>

This is one of the barrier types BarrierScan checks for on every scan. Request a free accessibility scan to see whether it appears on your site, alongside the rest of the automated findings.