Die WCAG-Kriterien

WCAG 2.4.6: Überschriften und Labels

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

Komplexität:Einfach
Dauer:Schnell

Wichtig für Rolle:

Redaktion

Zum WCAG-Kriterium:

Überschriften und Label (englisch)

Worum geht's?

Überschriften müssen den Inhalt oder den Zweck des Inhalts, der auf sie folgt, klar beschreiben. Auch die Beschriftungen von Formularfeldern müssen deutlich machen, was man in das Feld eintragen soll.

Überschriften geben der Webseite Struktur und helfen bei der Orientierung. Sie müssen klar den Inhalt oder den Zweck des Inhalts beschreiben, der auf sie folgt.

Beschriftungen (Labels) gehören zu Bedienelementen – zum Beispiel zu Formularfeldern, Toggles oder Dropdowns. Sie müssen deutlich machen, welche Eingabe von den Usern erwartet wird.

Zwei Überschriften. Eine sagt Super interessantes Zeug und ist sehr vage. Die andere sagt Unser neuesten Blogatrikel und ist sehr beschreibend.

Umsetzung

Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.

Sinnvolle Überschriften
Jede Überschrift muss den Inhalt des folgenden Abschnitts knapp, aber klar zusammenfassen. Unter der Überschrift »Blogartikel« sollte man also auch Blogartikel finden und nicht Kundenreviews.

Eigene Meinung: Kryptische Überschriften wie »Super interessantes Zeug« können verwirrend sein und sollten klarer beschrieben werden. Außer wenn »Super interessantes Zeug« Teil der ganzen Brandsprache ist und im Kontext der Website Sinn ergibt.
WCAG-Technik(en) in Englisch:
- Technik G130: Beschreibende Überschriften

Klare Beschriftungen (Labels)
Eingabefelder brauchen aussagekräftige Labels, damit User verstehen, was sie tun oder eingeben sollen.

Beispiel: Ein Inputfeld für den Vornamen soll auch das Label »Vornamen« haben.

Bei Gruppen (wie Checkboxen oder Radio-Groups) reicht das Label der einzelnen Elemente manchmal nicht aus. Dann sollte im HTML das fieldset mit einer legend versehen werden, die den Sinn der Inputgruppe ausreichend beschreibt.

Beispiel: zwei Checkboxen: »E-Mail« und »SMS«. Erst durch die übergeordnete Beschriftung (legend) „Wie möchtest du benachrichtigt werden?“ wird klar, was hier eigentlich abgefragt wird.
WCAG-Technik(en) in Englisch:
- Technik G131: Beschreibende Labels

Anmerkungen

Hinweis: Richtige Sprache
Beschriftungen und Überschriften sollten zur Sprache der Website passen. Auf einer deutschen Website sollten sie daher auf Deutsch sein. Fremdsprachige Inhalte können die Verständlichkeit beeinträchtigen.

Nach der WCAG ist das zwar kein direkter Fehler, aber von sehr vielen Testern wird es dennoch abgewertet, wenn Beschriftungen von Bedienelementen und Inputfeldern eine andere Sprache haben.