Was wird geprüft?

Absätze sind mit geeigneten Strukturelementen ausgezeichnet, Zeilenumbrüche über doppelte br Elemente werden vermieden.

Hervorhebungen in Texten sind mit strong oder em ausgezeichnet.

Warum wird das geprüft?

Die Unterteilung in kleinere Einheiten erleichtert die Handhabung und das Verständnis.

Die Verwendung der vorgesehenen HTML-Strukturelemente stellt sicher, dass die Gliederung der Inhalte auch programmatisch ermittelbar festgelegt und zugänglich ist. So können z.B. Screenreader-Nutzende im Lesemodus die Inhalte Absatz für Absatz durchlaufen. 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. Werden Absatzumbrüche über doppelte br- Elemente geschaffen, entstehen im Lesemodus der Screenreader ggf. leere Fokuspositionen, die irritieren und das Erfassen der Inhalte verlangsamen.

Die Auszeichnungen strong und em sind allgemein und nicht darstellungsbezogen (wie b, i oder eine nur mit CSS realisierte visuelle Hervorhebung).

Wie wird geprüft?

1. Anwendbarkeit des Prüfschritts

Der Prüfschritt ist anwendbar, wenn es auf der Seite gegliederte Textinhalte mit Absätzen gibt.

2. Prüfung

2.1 Prüfung mit Bookmarklet

  1. Seite in Firefox aufrufen.

  2. Das Bookmarklet Inhalte gegliedert aufrufen.

  3. Prüfen, ob Absätze mit p oder anderer passender Semantik ausgezeichnet sind. Da die Auszeichnung von Absätzen mit div statt mit p-Elementen für Screenreader-Nutzende im Lesemodus keinen wesentlichen Nachteil mit sich bringt, kann sie in bestimmten Fällen (z. B. wenig Fließtext oder optisch kein richtiger Textabsatz) akzeptiert werden.

  4. Werden doppelte br-Elemente für Zeilenumbrüche genutzt?

Prüfen, ob Hervorhebungen in Texten mit strong oder em ausgezeichnet sind.

2.2 Missbräuchliche Nutzung von typographischen Zeichen

  • Prüfen, ob Leerzeichen ( ) zur Formatierung von Text benutzt werden (etwa zur Schaffung von Spalten).

  • Prüfen, ob typographische Zeichen, etwa Reihen von Bindestrichen, zur Erzeugung von Trennlinien eingesetzt werden und nicht programmatisch versteckt sind (etwa über aria-hidden="true").

3. Hinweise

  • Es soll nicht bewertet werden, ob die vorhandene, sichtbare Gliederung der Seite sinnvoll ist, sondern nur, ob sie mit geeigneten HTML-Elementen umgesetzt wurde.

  • Das für Absätze vorgesehene Element ist grundsätzlich p. Dennoch ist eine Nutzung von div anstelle von p in der programmatischen Ausgabe, etwa durch Screenreader, in der Regel nicht mit Nachteilen verbunden. Die Nutzung von div anstelle von p für Textabsätze sollte deshalb in der Regel nicht zu einer Bewertung des Prüfschritts mit "teilweise erfüllt" oder schlechter führen.

  • Die Verwendung von HTML-Strukturelementen für Tabellen, Überschriften, Listen und Zitate ist bereits durch andere Prüfkriterien abgedeckt und wird dort bewertet.

  • Die Inhalte von iframes werden ebenso überprüft wie andere Seiteninhalte. Dazu muss unter Umständen der iframe in einem neuen Fenster geladen werden.

  • Textinhalte mittels CSS-Attribut content werden heute in der Regel von Screenreadern ausgegeben und stellen deshalb meist keine praktische Barriere dar. Der Einsatz von CSS content sollte deshalb nicht zu einer Bewertung als "teilweise erfüllt" oder schlechter führen. Im Sinne einer konsequenten Trennung von Semantik und optischer Darstellung (HTML / CSS) ist die Einbringung von Textinhalten über CSS dennoch nicht empfehlenswert, denn in manchen Nutzungsszenarien (eigene Stylesheets, Darstellung ohne CSS) können Inhalte fehlen.

4. Bewertung

Erfüllt

  • Textabsätze sind mit geeigneten Absatz-Elementen ausgezeichnet.

  • Auf Umbrüche von Textabsätzen über doppelte br Elemente wird verzichtet.

  • Für semantische Hervorhebungen im Text wird strong oder em verwendet.

Nicht voll erfüllt

  • Textabsätze sind nicht mit geeigneten Absatz-Elementen ausgezeichnet.

  • Zur Schaffung von Textabsätzen werden anstelle von Absatz-Elementen doppelte Zeilenumbrüche (br) verwendet.

  • Leerzeichen ( ) werden zur Schaffung von Spalten eingesetzt.

Einordnung des Prüfschritts

Abgrenzung zu anderen Prüfschritten

Andere auf Strukturierung bezogenen Prüfkriterien sind:

  • Prüfschritt 9.1.3.1a "HTML-Strukturelemente für Überschriften"

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

  • Prüfschritt 9.1.3.1c "HTML-Strukturelemente für Zitate"

  • Prüfschritt 9.1.3.1e "Datentabellen richtig aufgebaut"

Die Textalternative für Font-Icons wird im Prüfschritt 9.1.1.1a "Alternativtexte für Bedienelemente" und 9.1.1.1b "Alternativtexte für Grafiken und Objekte" geprüft.

Einordnung des Prüfschritts nach WCAG 2.1

Guideline

Success criterion

Techniques

General Techniques
HTML Techniques
Failures