See plans and pricing

Bulleted and numbered lists need to be built with proper list markup so screen readers can announce them as a list and tell users how many items it contains. When other content sits directly inside a <ul> or <ol> instead of inside <li> items, screen readers can no longer recognize the list structure.

How to fix it

1. Locate the <ul> or <ol> element flagged in the report.
2. Check its direct children: only <li> elements (plus a few non-content elements like <script> or <template>) are allowed directly inside a <ul> or <ol>.
3. Move any stray text, <div>, <p>, or other content that sits directly inside the list into its own <li> element, or move it outside the list entirely if it does not belong there.
4. If the "list" is being simulated with plain <div> elements for visual styling only, restructure it with real <ul>/<ol>/<li> elements.
5. Re-check that every direct child of the <ul>/<ol> is a proper <li> element.

<ul>
  <li>Item one</li>
  <div>Item two</div>
</ul>

<ul>
  <li>Item one</li>
  <li>Item two</li>
</ul>

View the full rule reference from Deque University

See plans and pricing