2.4.6 Überschriften und Beschriftungen (WCAG 2.2)

Was bedeutet das?

Gute Überschriften lassen Besucher eine Seite überfliegen und schnell das Richtige finden. Gute Beschriftungen an Formularfeldern und Knöpfen sagen klar, was einzugeben oder auszulösen ist.

Das Kriterium verlangt nicht, dass es Überschriften oder Beschriftungen gibt, sondern dass vorhandene verständlich sind. Ob sie im Code richtig ausgezeichnet sind, regelt Kriterium 1.3.1.

Wem hilft das?

Screenreader-Nutzer, die über Überschriften durch die Seite springen
Menschen mit kognitiven Einschränkungen oder Lese-Rechtschreib-Schwäche
Alle, die Seiten nur überfliegen

Typische Fehler

Nichtssagende Überschriften wie „Willkommen“, „Infos“ oder „Abschnitt 2“
Mehrere Formularfelder tragen dieselbe Beschriftung, etwa zweimal „Name“ ohne Unterschied
Knöpfe mit unklarem Text wie „OK“ oder „Weiter“, wo „Bestellung absenden“ gemeint ist
Beschriftungen ohne Hinweis auf das erwartete Format, etwa bei einem Datumsfeld

So prüfen wir das

Belege Belege: Unser Scanner sammelt Material, zum Beispiel Screenshots, Listen und Messungen.

Prüffrage: Beschreiben Überschriften und Beschriftungen Thema oder Zweck?

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

Problem

<h2>Infos</h2>
<label for="d">Datum</label>
<input id="d" type="text">

Besser

<h2>Lieferung und Abholung</h2>
<label for="d">Wunschtermin für die Lieferung</label>
<input id="d" type="date">

Überschrift und Beschriftung sagen jetzt konkret, worum es geht und was einzutragen ist.

Praxistipps

Lesen Sie nur die Überschriften Ihrer Seite vor: Ergeben sie ein verständliches Inhaltsverzeichnis?

Ratgeber und Muster dazu

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 2.4.6 Headings and Labels

Wie steht Ihre Website bei diesem Kriterium?

Der kostenlose Check prüft Ihre Startseite automatisch, das Audit entscheidet alle 55 Kriterien.

Kostenlos prüfen Alle Kriterien