Barrierefreiheit

Kaputte Listenstruktur (ul/ol/li falsch verschachtelt)

Üblicher Schweregrad: niedrig · Aufwand: gering

Woran du es erkennst

Listen enthalten direkte Kindelemente, die keine <li> sind, oder <li>-Elemente hängen ohne <ul>/<ol>-Elternteil im Dokument (axe-Regeln list, listitem, definition-list).

Warum es zählt

Screenreader kündigen Listen mit Anzahl an („Liste, 5 Einträge") — ist das Markup kaputt, verlieren Nutzer die Orientierung, wie viele Punkte noch kommen und ob sie etwas übersehen haben. Gerade Navigationen und Feature-Listen sind davon betroffen.

So behebst du es

  1. Sorge dafür, dass <ul>/<ol> ausschließlich <li> (plus optional <script>/<template>) als direkte Kinder enthalten — Wrapper gehören in das <li> hinein.
  2. Hänge verwaiste <li>-Elemente in ein passendes <ul>/<ol> oder ersetze sie durch neutrale Container.
  3. Prüfe CMS-Template-Schleifen: Kaputte Listen entstehen fast immer durch Markup, das innerhalb statt außerhalb der Schleife geschlossen wird.

Zum Nachlesen