2.4.10 Abschnittsüberschriften

Abschnittsüberschriften werden genutzt, um den Inhalt zu gliedern.

Stufe:

AAA

Prinzip:

Bedienbar

Rolle:

Redaktion

Es wird verlangt, dass Überschriften (zum Beispiel <h1>–<h6>) eingesetzt werden, um Inhalte in klare, hierarchische Abschnitte zu gliedern und so das schnelle Finden und Verstehen zu erleichtern.

Praxisbeispiel

<h1>Häufig gestellte Fragen</h1>

<h2>Bestellung</h2>
<h3>Wie kann ich meine Bestellung verfolgen?</h3>
<p>...</p>
<h3>Kann ich eine Lieferung umleiten lassen?</h3>
<p>...</p>

<h2>Zahlung</h2>
<h3>Welche Zahlungsmethoden werden akzeptiert?</h3>
<p>...</p>
<h3>Gibt es Ratenzahlung?</h3>
<p>...</p>

<h2>Retouren</h2>
<h3>Wie sende ich einen Artikel zurück?</h3>
<p>...</p>
<h3>Wer trägt die Rücksendekosten?</h3>
<p>...</p>

Hier teilen die <h2>-Überschriften die Seite in thematische Blöcke (»Bestellung«, »Zahlung«, »Retouren«) und die <h3>-Überschriften gliedern jeden Bereich in einzelne Fragen. So finden alle Nutzenden (auch mit Screenreader) schnell genau den Abschnitt, der sie interessiert.

Empfehlungen

Überschriftenhierarchie
Überschriftenhierarchie von h1 bis h6 definiert die inhaltliche Struktur von Webseiten und schafft durch korrekte HTML-Gliederung Barrierefreiheit.