WCAG 2.4.6: Überschriften und Beschriftungen

Überschriften müssen ihr Thema beschreiben, Beschriftungen ihren Zweck. Das Kriterium verlangt keine Überschriften (das regeln 1.3.1 und [2.4.10 auf AAA]) – aber wenn welche da sind, müssen sie aussagekräftig sein. (Englisch: Headings and Labels.)

Was verlangt das Kriterium?

Überschriften und Labels sind Navigationsanker: Sehende scannen sie, Screenreader-Nutzer springen von Überschrift zu Überschrift und hören Labels beim Formular-Durchlauf. Generische Anker („Details“, „Ihre Vorteile“, „Sonstiges“) tragen nichts; präzise Anker („Lieferzeiten & Versandkosten“, „Rechnungsadresse“) machen die Seite überfliegbar.

• Überschriften: beschreiben den Inhalt ihres Abschnitts – als Frage oder Aussage, gern mit den Worten der Nutzer.
• Labels: benennen, was ins Feld gehört oder was der Button tut – „Absenden“ ist okay, „Anfrage absenden“ besser.

Wen betrifft es besonders?

Screenreader-Nutzer (Überschriften-Liste als Inhaltsverzeichnis), Menschen mit kognitiven Einschränkungen (klare Wegweiser statt Rätsel) – und jeder eilige Leser. Präzise Überschriften sind zudem klassisches SEO-Handwerk: Auch Suchmaschinen gewichten sie als Themen-Signal.

Richtig & falsch im Code

<!-- Falsch: Überschrift ohne Aussage -->
<h2>Weitere Informationen</h2>

<!-- Richtig: das Thema steht drin -->
<h2>Widerrufsrecht: 14 Tage ohne Angabe von Gründen</h2>

<!-- Falsch: Label benennt den Zweck nicht -->
<label for="f7">Eingabe</label>

<!-- Richtig -->
<label for="iban">IBAN (Beispiel: DE89 3704 0044 0532 0130 00)</label>

2.4.6 prüft den Inhalt der Texte – die Struktur (echte <h2> statt fetter <div>s, verknüpfte Labels) bleibt Sache von 1.3.1. In der Praxis fallen beide zusammen: erst richtig auszeichnen, dann richtig formulieren.

So testest du es

1. Überschriften-Liste ziehen (HeadingsMap oder Screenreader): Liest sie sich wie ein brauchbares Inhaltsverzeichnis?
2. Formular-Durchlauf: Sagt jedes Label für sich genommen, was einzugeben ist?
3. Redaktions-Check: Doppelte Überschriften auf einer Seite („Details“, „Details“, „Details“) sind ein sicheres Warnsignal.

Verwandte Themen

• Überschriften-Hierarchie (h1–h6) – die strukturelle Grundlage
• Labels & Beschriftungen – Formular-Praxis
• 2.4.4 Linkzweck – dasselbe Prinzip für Links