User-Aid Logo
Zurück zur Übersicht

listitem

Detailinformationen zur WCAG-Regel

WCAG 2Ernsthaft

Stellen Sie sicher, dass <li>-Elemente semantisch verwendet werden

Alle Listenelemente (`<li>`) müssen in einem übergeordneten `<ul>`- oder `<ol>`-Element enthalten sein.

Warum ist das wichtig?

Damit ein Screenreader eine Liste korrekt identifizieren und ankündigen kann, müssen die `<li>`-Elemente ordnungsgemäß in einem `<ul>` oder `<ol>` verschachtelt sein. Ohne das übergeordnete Element ist die Listenstruktur unterbrochen, und der Benutzer wird nicht darüber informiert, dass er durch eine Liste navigiert.

Lösung

Umschließen Sie alle `<li>`-Elemente mit einem übergeordneten `<ul>` (für ungeordnete Listen) oder `<ol>` (für geordnete Listen).

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.