<ul> and <ol> must only directly contain <li>, <script> or <template> elements

Who this affects

List markup is malformed — a <ul>/<ol> contains elements other than <li>.

How to fix it

Ensure only <li> elements are direct children of lists; move wrappers inside the <li>.

Effort Low · ~15 min

Before and after

<ul>
  <div>Delivery</div>
  <div>Returns</div>
</ul>

<ul>
  <li>Delivery</li>
  <li>Returns</li>
</ul>

Where this sits in the standard

EN 301 549 clause 9 applies these criteria to web content. The published version referenced by the European Accessibility Act is V3.2.1, which incorporates WCAG 2.1 level A and AA. More on the standard.

How to check it by hand

Ask the screen reader to list the page's lists. A group announced as "list, 6 items" is navigable; the same content in unmarked divs is not.

Automated testing settles roughly a third of the WCAG success criteria. This rule is one an automated tool detects reliably — but a clean automated result is not proof of conformance.

Reference

Deque's technical write-up for this rule: list