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
Seite in Firefox aufrufen.
Das Bookmarklet Inhalte gegliedert aufrufen.
Prüfen, ob Absätze mit
p
oder anderer passender Semantik ausgezeichnet sind. Da die Auszeichnung von Absätzen mitdiv
statt mitp
-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.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 vondiv
anstelle vonp
in der programmatischen Ausgabe, etwa durch Screenreader, in der Regel nicht mit Nachteilen verbunden. Die Nutzung vondiv
anstelle vonp
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 CSScontent
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
oderem
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
1.3.1 Info and Relationships (Level A)