WCAG 2Ernsthaft
Stellen Sie sicher, dass Listen korrekt strukturiert sind
Ungeordnete (`<ul>`) und geordnete (`<ol>`) Listen dürfen nur `<li>`-, `<script>`- oder `<template>`-Elemente als direkte untergeordnete Elemente enthalten.
Warum ist das wichtig?
Screenreader kündigen das Vorhandensein einer Liste und die Anzahl der darin enthaltenen Elemente an. Diese Funktion beruht auf einer korrekten Listenstruktur. Falsch strukturierte Listen können Screenreader verwirren, was zu einer ungenauen oder verwirrenden Erfahrung für den Benutzer führt.
Lösung
Stellen Sie sicher, dass alle direkten untergeordneten Elemente von `<ul>`- und `<ol>`-Elementen `<li>`-Elemente (oder `<script>`/`<template>`) sind. Alle anderen Inhalte sollten innerhalb der `<li>`-Elemente verschachtelt sein.