Lijsten verkeerd opgebouwd

Melding in axe en Lighthouse: <ul> and <ol> must only directly contain <li>, <script> or <template> elements · list · WCAG 1.3.1

Wat het betekent en waarom het belangrijk is

Schermlezers noemen het aantal items in een lijst; onjuiste opmaak verbergt die structuur (WCAG 1.3.1).

Zo los je het op

<ul>/<ol> mogen direct alleen <li>-elementen (en script/template) bevatten.

Codevoorbeeld

Voor

<ul>
  <div>Shipping</div>
  <li>Returns</li>
</ul>

Na

<ul>
  <li>Shipping</li>
  <li>Returns</li>
</ul>

Alle toegankelijkheidsfouten