Das Prüfverfahren zur BITV


Sie sind hier: BITV-Test > Liste der Erfolgskriterien > Prüfkriterium 1.3.1b (11 von 60)


zum WCAG-Test wechseln


Blättern: zum ersten Prüfschritt zum vorhergehenden Prüfschritt zum nächsten Prüfschritt zum letzten Prüfschritt

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

Technische Angaben

Version bis 10.07.2017 | Aktuell
BITV-Bedingung 1.3.1 Informationen und Beziehungen
WCAG-Erfolgskriterium 1.3.1 Info und Beziehungen
Bewertungsalternativen ja / eher erfüllt / teilweise erfüllt / eher nicht erfüllt / nein / nicht anwendbar
Gewichtung mittleres Gewicht (2 Punkte)
Bezieht sich auf einzelne Webseite
Prüfschritt erfüllt Listen (einschließlich Menüs) sind mit den vorgesehenen HTML-Strukturelementen ausgezeichnet.
Prüfschritt nicht anwendbar Listen sind nicht vorhanden.

Was wird geprüft?

Zur Auszeichnung von Listen auf der Seite sollen HTML-Strukturelemente für Listen (ul, ol und so weiter) genutzt werden.

Warum wird das geprüft?

Die Verwendung der HTML-Strukturelemente stellt sicher, dass der Aufbau einer Seite unabhängig von der Präsentation auf einer abstrakten Ebene festgelegt und zugänglich ist.

Benutzer, die mit der vorgegebenen visuellen Präsentation der Elemente auf der Seite nichts anfangen können, finden sich dann trotzdem zurecht oder sie können eine eigene, besser passende Präsentation anwenden.

Mögliche Anwendungen der Strukturelemente für Listen:

  • Listen oder Listeneinträge überspringen (Screenreader-Nutzer)
  • Listen können hierarchische Strukturen angemessen abbilden

Wie wird geprüft?

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.

Menüs listen Auswahloptionen auf und sind deshalb von ihrer Aufgabe her immer Listen, egal wie sie gestaltet sind. Sie sollten deshalb auch als Listen ausgezeichnet werden.

Definitionslisten dienen hauptsächlich zur Auszeichnung von Glossaren. Ihr Einsatz für andere gemeinhin übliche paarige Informationen, etwa Bild und Bildtext, wird akzeptiert.

Es gibt einige Ausnahmen, bei denen eine Auszeichnung als Liste nicht gefordert ist:

  • Die "Sie-sind-hier"-Navigation am Seitenanfang (auch breadcrumb trail oder Krümelpfad).
  • Die horizontale Seitenauswahl (Blättermenü) am Kopf- und Fußende, etwa bei mehrseitigen Artikeln
  • Auswahlleisten mit seriellen Einträgen, etwa alphabetische Einträge (A-Z) bei Glossaren, oder eine Auswahlleiste mit Jahreszahlen
  • Gruppen von verschiedenartigen Links am Seitenende mit drei oder weniger Elementen (etwa: "Copyright-Notiz" und "Impressum")

4. Bewertung

Erfüllt:

  • Alle Listen inklusive der Menüs sind mit den vorgesehenen HTML-Strukturelementen für Listen ausgezeichnet.

Nicht voll erfüllt:

  • Menüs sind nicht mit geeigneten HTML-Strukturelementen ausgezeichnet.

Einordnung des Prüfschritts

Einordnung des Prüfschritts nach WCAG 2.1

Guidelines

Success criterion

Techniques

General Techniques
HTML Techniques
Client-side Scripting Techniques
Failures

Blättern: zum ersten Prüfschritt zum vorhergehenden Prüfschritt zum nächsten Prüfschritt zum letzten Prüfschritt