1.3.1 Listen, Aufzählungen

Eine Liste darf nicht nur aus Punkten, Strichen oder Zahlen bestehen, die dem Text vorangestellt sind. Aufzählungen sind semantisch korrekt in Form von Listen zu formatieren.

Listen erhöhen die Lesbarkeit. Sie vermitteln Informationen schnell und übersichtlich.

Semantische Struktur

Verwendet die richtige HTML-Markierung für Listen. Verwende beispielsweise die <ul>-Tag für ungeordnete Listen (Bullet-Listen) und die <ol>-Tag für geordnete Listen (Nummerierungslisten). Das hilft Screenreadern und anderen Hilfsmitteln, die Listen korrekt zu interpretieren.

Ungeordnete Listen

Wenn die Reihenfolge keine Rolle spielt. Die ungeordnete Liste besteht aus einem <ul> Element und mehreren Listenelemente <li>.

<ul>
  <li>Listenpunkt </li>
  <li>Listenpunkt</li>
  <li>Listenpunkt</li>
</ul>

• Listenpunkt
• Listenpunkt
• Listenpunkt

Geordnete Listen

Wenn es Aufzählungen sind. Die geordnete Liste besteht aus einem <ol>Element und mehreren Listenelemente <li>.

<ol>
    <li>Listenaufzählung</li>
    <li>Listenaufzählung</li>
    <li>Listenaufzählung</li>
</ol>

1. Listenaufzählung
2. Listenaufzählung
3. Listenaufzählung

Schlechtes Beispiel

Wenn der Strich, Punkt oder Nummerierung manuell gesetzt wird.

<p>
    – Liste
    – Liste
    – Liste
</p>

– Liste
– Liste
– Liste

Mehr dazu in den Toolkits

«Digitale Dokumente barrierefrei(er)»

Listen, Aufzählungen InDesign

Listen, Aufzählungen Word

«Elementor-Widgets und Gutenberg-Blöcke»

Listen, Aufzählungen Elementor

Listen, Aufzählungen Gutenberg