<li> Elemente müssen semantisch korrekt verwendet werden

Casandra Visser

Autor

Yotam Flohr

Forscher

Ritvik Shrivastava

Experte

Juli 29, 2024

Betroffene Behinderungen: Blind Hören Mobilität

Standards: WCAG 2.2 Level A

Laut Webzugänglichkeitsstandards müssen alle Listenelemente (<li>) innerhalb von ungeordneten (<ul>) oder geordneten (<ol>) Listen stehen.

Warum es wichtig ist

Screenreader informieren Benutzer, wenn sie auf eine Liste stoßen, und teilen ihnen mit, wie viele Elemente sich in einer Liste befinden.

Wenn Listen nicht korrekt mit der richtigen semantischen Auszeichnung in einer Hierarchie ausgezeichnet sind, wissen Screenreader-Benutzer nicht, was sie hören.

Behebung des Problems

Alle Listenelemente (<li>) müssen innerhalb von ungeordneten (<ul>) oder geordneten (<ol>) Listen stehen.

Sie können entweder in ungeordneten (Aufzählungs-) Listen oder in geordneten (nummerierten) Listen enthalten sein.

Gutes Code-Beispiel

Codebeispiel

<ul>
<li>Kaffee</li>
<li>Tee</li>
<li>Milch</li>
</ul>

Kopieren

Schlechtes Code-Beispiel

Codebeispiel

<li>Kaffee</li>
<li>Tee</li>
<li>Milch</li>

Kopieren