Prüfschritt 9.1.3.1b HTML-Strukturelemente für Listen

1. Anwendbarkeit des Prüfschritts

Der Prüfschritt ist anwendbar, wenn die Seite Elemente enthält, die von ihrem Erscheinungsbild oder ihrer Funktion her Listen sind. Das ist bei informationsorientierten Seiten häufig der Fall.

Da auch die missbräuchliche Verwendung der HTML-Elemente für Listen geprüft wird, ist der Prüfschritt darüber hinaus immer anwendbar, wenn die Seite Elemente enthält, die als Listen ausgezeichnet worden sind.

2. Prüfung

• Seite im Firefox aufrufen.

• Lists Bookmarklet aufrufen. Listenauszeichnungen, soweit vorhanden, werden nun dargestellt.

• Prüfen, ob alle Listen inklusive der Menüs mit den vorgesehenen HTML-Strukturelementen für Listen ausgezeichnet sind (ul, ol, dl).

• Prüfen, ob Listen-Markup für Elemente verwendet wird, die nicht Listen sind.

3. Hinweise

Es soll nicht beurteilt werden, ob auf der Seite enthaltene Texte vielleicht besser in Listenform dargestellt werden sollten. Es soll nur geprüft werden, ob vorhandene, erkennbare Listen auch entsprechend ausgezeichnet sind.

Listen erkennt man normalerweise an ihrer Darstellung auf dem Bildschirm. Sie heben sich deutlich von normalen Textabschnitten ab, oft sind sie eingerückt, meist sind den Listeneinträgen Aufzählungszeichen oder Zahlen vorangestellt.

Navigations-Menüs listen Gruppen von Linkzielen auf und sind deshalb von ihrer Aufgabe her immer Listen, egal wie sie gestaltet sind. Sie sollten deshalb auch als Listen ausgezeichnet werden. Für Aktionsmenüs eignen sich dagegen eher ARIA-Konstrukte wie menu.

Beschreibungslisten (dl) repräsentieren eine Liste von Gruppen von Begriffen (spezifiziert mit dem dt-Element) und Beschreibungen (bereitgestellt durch dd-Elemente). Typische Anwendungen für Beschreibungslisten sind Glossare oder die Darstellung von Schlüssel/Wert-Paaren. Ihr Einsatz für andere paarige Informationen wird akzeptiert, auch wenn das Konstrukt von Screenreadern nicht gut unterstützt wird.

Bei der Einschätzung, ob eine Listenauszeichnung zwingend nötig ist, sollte die Semantik des jeweiligen Elements berücksichtigt werden. So ist z.B. ein Seitenpfad (breadcrumb) nicht zwingend als Liste umzusetzen, schon da er nicht wie eine Liste aussieht und nicht gleichartige Elemente bündelt. In der Praxis wird ein Seitenpfad sowohl als einfache Liste als auch zur Abbildung der Hierarchie als verschachtelte Liste umgesetzt, in anderen Fällen jedoch auch schlicht als Absatz mit Links. Alle diese Umsetzungen sind möglich und haben jeweils Vor- und Nachteile.

Ein häufiger Fall ist die Verwendung von komplexten Teaser-Kacheln, die Bild, Überschrift, Begleittext und Link bündeln und je nach Viewportbreite horizontal oder vertikal angeordnet sein können. Solche Kacheln können als ungeordnete Liste umgesetzt werden, dies ist aber nicht zwingend. Wird auf Listenauszeichnung von Gruppen komplexer Kacheln verzichtet, sollten die Inhalte auf andere Weise semantisch gegliedert sein, etwa durch Überschriften-Auszeichnung. Bei längeren und eigenständigen Kachel-Inhalten ist auch die Auszeichnung mittels article-Element denkbar. Bestehen die Textinhalte von Kacheln nur aus einfachen Links, ist die Listenauszeichnung immer angemessen.

Eine Liste mit nur einem Element kann dann sinnvoll sein, wenn potenziell auch mehr als ein Listeneintrag auftauchen kann (z.B. ein oder mehrere Einträge in einem Suchergebnis oder nach einer Filterung).

4. Bewertung

Einordnung des Prüfschritts nach WCAG 2.2