HTML Elemente
Symbolgrafik für Überschrift: Schriftzug H1 über Balken, die einen Absatz symbolisieren.

Überschriften

Inhalt barrierefrei und verständlich strukturieren

Mit Überschriften kann auf vielfältige Weise die Barrierefreiheit verbessert oder verschlechtert werden. Für Redaktion und Technik stehen eine Reihe von Möglichkeiten und Anforderungen bereit.

Im Folgenden findest du eine Sammlung von Links zu vertiefenden Informationen.

Hauptartikel auf Zweiter Blick

Bedeutung und Einsatz von Überschriften
Diagonales Lesen ermöglichen und Missbrauch von Überschriften-Markup vermeiden.
Technische Realisierung von Überschriften
HTML Komponenten und ARIA-Anweisungen.
Redaktionelle Gestaltung von Überschriften
Formulieren und Gruppieren von Überschriften zur Gewährleistung der Verständlichkeit und Effizienz.
Visuelle Darstellung von Überschriften
Leserliche und kontrastreiche Formatierung von Absätzen und Schriftarten.
Überschriftenebenen
Konvention zur Verwendung der Überschriftenebene 1 und Anforderungen an die Überschriftenhierarchie.
Überschriften und Assistierende Technologien
Navigationsmechanismen durch Überschriften und das Manko reiner Vorlesetools.

WCAG Erfolgskriterien mit Bezug zu Überschriften

1.3.1 Infos und Beziehungen
Was visuell wie eine Überschrift aussieht, muss auch technisch als Überschrift realisiert sein.
Überschriften dürfen nicht missbräuchlich eingesetzt werden, um visuelle Effekte zu erzielen. )
1.3.2 Bedeutungstragende Reihenfolge
Sofern die Abfolge der Überschriften von Relevanz für die Bedeutung des Inhalts ist, muss die Abfolge auch technisch bedeutungstragend dargestellt werden können.
Probleme treten durch Umgruppieren von Inhalt mittels CSS oder unsorgsame Realisierung von PDF-Dateien auf.
1.4.3: Kontrast (Minimum)
Überschriften benötigen einen bestimmten Helligkeitskontrast zum Hintergrund, auch wenn sie über eine erhöhte Schriftgröße verfügen.
1.4.5: Abbildung von Text
Wo immer möglich, muss Text als solcher verfügbar sein. Eine Abbildung von Text sollte vermieden werden.
1.4.6 Kontrast (Erhöht)
Konformitätsstufe AAA
Der Helligkeitskontrast muss in der Regel anspruchsvoller mindestens einem Kontrastverhältnis von 7∶1 entsprechen.
1.4.9 Abbildung von Text (Ohne Ausnahme)
Konformitätsstufe AAA
Texte werden lediglich dann in einer Grafik abgebildet, wenn sie rein dekorativ sind oder die Abbildung unverzichtbar ist.
2.4.6 Überschriften und Beschriftungen
Vorhandenen Überschriften müssen den folgenden Inhalt aussagekräftig beschreiben.
2.4.10 Abschnittsüberschriften
Konformitätsstufe AAA
Textabschnitte sind zur Strukturierung mit Überschriften zu versehen.
3.2.4 Konsistente Identifikation
Komponenten mit derselben Funktion müssen innerhalb eines Webauftritts gleichlautend beschriftet werden. Ausgenommen sind etwa Sprachversionen innerhalb eines Auftritts.
Überschriften fallen zwar nicht in den strikten Anwendungsbereich des Erfolgskriteriums 3.2.4. Fachausdrücke sollten jedoch auch in Überschriften gleichlautend verwendet werden.