2.4.10 Abschnittsüberschriften

1. Was ist das Ziel dieses Kriteriums?

Textwüsten gehören im Internet zu den größten Störfaktoren. Wenn du vor einem riesigen Textblock stehst, ohne zu wissen, wo was steht, wird selbst der beste Inhalt zur Qual. Menschen, die auf Screenreader angewiesen sind oder kognitive Einschränkungen haben, trifft unstrukturierter Text besonders hart.

Das Ziel von Erfolgskriterium 2.4.10 der WCAG ist daher klar: Wenn Inhalte in Abschnitte gegliedert sind, bekommt jeder Abschnitt eine Überschrift. So wird aus dem Texthaufen eine übersichtliche, navigierbare Struktur – wie ein gut sortiertes Bücherregal.

2. Was fordert das Erfolgskriterium genau?

Ganz konkret geht es um die Gliederung von Inhalten in Abschnitte:

Abschnittsüberschriften werden verwendet, um Inhalte zu gliedern – überall dort, wo sich ein Text sinnvoll in Abschnitte aufteilen lässt.

„Überschrift“ ist dabei weit gefasst – gemeint sind Titel, Zwischenüberschriften und andere Arten, Abschnitte zu kennzeichnen.

Wichtig: Das Kriterium bezieht sich auf Abschnitte in Texten, nicht auf Bedienelemente wie Buttons oder Formularfelder. Deren Beschriftung regelt Name, Rolle, Wert.

Abgrenzung zu verwandten Kriterien: 2.4.10 verlangt, dass es überhaupt Überschriften gibt. Dass vorhandene Überschriften auch im Code als Überschriften ausgezeichnet sind, fordert Info und Beziehungen; dass sie den Inhalt treffend beschreiben, fordert Überschriften und Beschriftungen.

Nicht jeder Inhalt muss gegliedert werden: Manche Texte lassen sich nicht sinnvoll in Abschnitte teilen – etwa ein kurzer Brief oder eine knappe Meldung. Dann gibt es auch keine Abschnitte, die eine Überschrift bräuchten.

Ein Beispiel: Eine Speisekarte mit den Abschnitten „Vorspeisen“, „Suppen“, „Hauptgerichte“ und „Desserts“ erfüllt das Kriterium. Ein kurzer Blogbeitrag aus drei Absätzen braucht dagegen nicht zwingend Zwischenüberschriften.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du navigierst mit einem Screenreader durch eine lange Seite – aber es gibt keine Orientierungspunkte. Wie ein Spaziergang durch eine fremde Stadt ohne Straßenschilder.

Abschnittsüberschriften schaffen Barrierefreiheit, weil sie:

• blinden und sehbehinderten Menschen helfen, sich zu orientieren und schnell zwischen Abschnitten zu springen
• Menschen mit kognitiven Einschränkungen eine Landkarte der Inhalte geben
• Tastaturnutzer:innen in Verbindung mit sauberem Markup ermöglichen, effizient von Überschrift zu Überschrift zu springen
• Menschen mit Aufmerksamkeitsstörungen dabei unterstützen, relevante Inhalte schnell zu finden
• allen Nutzer:innen eine bessere Übersicht bieten – besonders bei langen oder komplexen Inhalten

Und nicht zuletzt: Gut gegliederte Inhalte lassen sich leichter überfliegen, zusammenfassen und auf unterschiedlichen Geräten darstellen.

4. So setzt du das Kriterium erfolgreich um

Die Qualität der Überschriften entscheidet darüber, ob eine Seite wirklich strukturiert ist – oder nur so aussieht. Hier ein paar bewährte Praxis-Tipps:

Gute Abschnittsüberschriften …

• sind aussagekräftig – sie verraten sofort, worum es im folgenden Abschnitt geht.
• folgen einer logischen Hierarchie – die Ebenen spiegeln die Gliederung des Inhalts wider.
• sind prägnant und verständlich – vermeide vage Formulierungen wie „Weitere Informationen“.
• gliedern nur dort, wo es sinnvoll ist – nicht jeder Absatz braucht eine eigene Überschrift.

Werkzeuge und Techniken:

• HTML-Überschriften nutzen: h1 für den Seitentitel, h2 für Hauptabschnitte, h3 für Unterabschnitte usw.
• Ebenen nicht überspringen: Von h2 direkt zu h4 zu springen ist kein Verstoß gegen dieses Kriterium, verwirrt aber bei der Navigation – vermeide es.
• Screenreader-Test: Lass dir die Überschriftenliste anzeigen – ergibt sie für sich gelesen ein sinnvolles Inhaltsverzeichnis?
• Browser-Erweiterungen: Werkzeuge wie HeadingsMap zeigen dir die Überschriftenhierarchie auf einen Blick.

<h1>Speisekarte</h1>
<h2>Vorspeisen</h2>
<p>…</p>
<h2>Hauptgerichte</h2>
<h3>Vegetarisch</h3>
<p>…</p>

Konkrete Beispiele:

• Gut: „Funktionen im Überblick“, „Preise und Pakete“, „Kundenbewertungen“
• Schlecht: „Mehr dazu“, „Details“, „Wichtige Informationen“

Wenn native Überschriften nicht möglich sind: Lässt dein System keine echten h-Elemente zu, kannst du ein Element mit role="heading" und aria-level als Überschrift auszeichnen. Reines Styling per CSS (fett, größer) reicht nicht – das sehen nur sehende Menschen.

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

2.4.10 ist ein AAA-Kriterium und weder über das BFSG noch über die BITV 2.0 verpflichtend – die zugrunde liegende EN 301 549 verlangt WCAG 2.1 Level AA. Die verpflichtenden Kriterien 1.3.1 und 2.4.6 setzen aber genau dort an, wo Überschriften bereits existieren. Wer sauber gliedert, erfüllt beides mit.

1. Nutzerfreundlichkeit steigern

Klare Abschnittsüberschriften machen deine Inhalte für alle zugänglicher. Menschen finden schneller, was sie suchen – besonders bei FAQ-Seiten, Produktbeschreibungen oder längeren Artikeln.

2. Indirekt bessere Auffindbarkeit

Barrierefreiheit ist kein direkter Rankingfaktor. Eine saubere Überschriftenstruktur hilft Suchmaschinen aber, Thema und Aufbau einer Seite zu verstehen – ein indirekter, aber realer Vorteil.

3. Inhalte effizienter pflegen

Strukturierte Inhalte lassen sich leichter wiederverwenden, aktualisieren und in verschiedenen Formaten ausgeben. Eine klare Gliederung macht aus einem Artikel schnell eine Präsentation oder ein Whitepaper.

Dieser Abschnitt informiert allgemein und ersetzt keine Rechtsberatung.

6. Das Erfolgskriterium im Wortlaut des W3C

Success Criterion 2.4.10 Section Headings (Level AAA)

Section headings are used to organize the content.

Note 1: “Heading” is used in its general sense and includes titles and other ways to add a heading to different types of content.

Note 2: This success criterion covers sections within writing, not user interface components. User interface components are covered under Success Criterion 4.1.2.

Kurz gesagt: Wo Inhalte in Abschnitte gegliedert sind, bekommt jeder Abschnitt eine Überschrift – für Bedienelemente gilt stattdessen 4.1.2.