Listen falsch aufgebaut

Meldung in axe und Lighthouse: <ul>- und <ol>-Elemente dürfen unmittelbar nur <li>-, <script>- oder <template>-Elemente enthalten. · list · WCAG 1.3.1

Was das bedeutet und warum es wichtig ist

Screenreader sagen die Anzahl der Listeneinträge an; fehlerhaftes Markup verbirgt diese Struktur (WCAG 1.3.1).

So beheben Sie es

<ul>/<ol> dürfen direkt nur <li>-Elemente (sowie script/template) enthalten.

Code-Beispiel

Vorher

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

Nachher

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

Alle Barrierefreiheits-Fehler