List items outside a list

Message shown by axe and Lighthouse: <li> elements must be contained in a <ul> or <ol> · listitem · WCAG 1.3.1

What it means and why it matters

An <li> without a <ul> or <ol> parent loses its meaning for assistive technology (WCAG 1.3.1).

How to fix it

Wrap list items in <ul> or <ol>.

Code example

Before

<div class="menu">
  <li>Shipping</li>
</div>

After

<ul class="menu">
  <li>Shipping</li>
</ul>

All accessibility errors