2.4.6 Überschriften und Labels

1. Was ist das Ziel dieses Kriteriums?

Websites sind wie riesige Bibliotheken – und ohne klare Wegweiser verliert man sich schnell im Informationsdschungel. Überschriften und Labels sind genau diese Wegweiser: Sie verraten dir, was dich in einem Abschnitt erwartet oder welche Eingabe ein Formularfeld benötigt.

Das Ziel von Erfolgskriterium 2.4.6 der WCAG ist es, dass alle Überschriften und Labels verständlich beschreiben, worum es geht. Keine kryptischen "Klick hier"-Buttons oder "Info"-Überschriften, sondern konkrete Beschreibungen, die jeder sofort versteht – egal ob mit oder ohne Hilfstechnologien.

2. Was fordert das Erfolgskriterium genau?

Ganz konkret geht es darum, dass Überschriften und Labels ihren Zweck oder Inhalt beschreiben müssen – wenn sie denn vorhanden sind. Das Kriterium fordert nicht, dass du überall Überschriften verwenden musst, sondern nur: Falls du welche nutzt, sollen sie aussagekräftig sein.

Für Überschriften bedeutet das:

• Sie beschreiben klar, welche Inhalte im jeweiligen Abschnitt zu finden sind
• Ein einzelnes Wort oder sogar ein Zeichen kann ausreichen, wenn es den Zweck erfüllt
• Konsistenz ist wichtig – ähnliche Inhalte sollten ähnlich benannt werden

Für Labels (Beschriftungen) bedeutet das:

• Formularfelder müssen verständlich beschrieben werden
• Die Beschriftung verrät, welche Eingabe erwartet wird
• Labels können sichtbar oder nur für Screenreader vorhanden sein

Wichtig: Dieses Kriterium prüft nicht, ob Überschriften technisch korrekt ausgezeichnet sind (das macht 1.3.1) – es geht nur um die Verständlichkeit der Texte selbst.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du navigierst mit einem Screenreader durch eine Website und hörst nacheinander: "Überschrift Info", "Überschrift Weiteres", "Überschrift Mehr dazu". Ohne Kontext völlig nutzlos, oder?

Klare Überschriften und Labels schaffen Barrierefreiheit, weil sie:

• Menschen mit Sehbehinderungen helfen, sich zu orientieren – besonders beim Springen von Überschrift zu Überschrift
• Menschen mit kognitiven Einschränkungen unterstützen, relevante Inhalte schneller zu finden und das Gedächtnis zu entlasten
• Menschen mit Lernschwierigkeiten durch vorhersagbare und verständliche Strukturen das Verstehen erleichtern
• Screenreader-Nutzer dabei helfen, sich einen Überblick über Seiteninhalte zu verschaffen, ohne alles lesen zu müssen
• Alle Nutzer dabei unterstützen, Formulare korrekt auszufüllen und sich auf der Website zurechtzufinden

Und nicht zuletzt: Auch Menschen in stressigen Situationen oder mit wenig Zeit profitieren von klaren, verständlichen Beschreibungen.

4. So setzt du das Kriterium erfolgreich um

Gute Überschriften und Labels sind keine Hexerei – aber sie brauchen etwas Aufmerksamkeit beim Texten. Hier ein paar bewährte Praxis-Tipps:

Überschriften richtig formulieren:

• Sei konkret statt allgemein: "Preise und Tarife" statt nur "Preise"
• Nutze die Sprache deiner Zielgruppe, keine Fachbegriffe ohne Erklärung
• Halte Überschriften konsistent: Wenn du einmal "Häufige Fragen" schreibst, nicht später "FAQ" verwenden
• Ein bis drei Wörter reichen oft – Länge ist nicht gleich Klarheit
• Vermeide "Klick hier", "Mehr", "Info" ohne weiteren Kontext

Labels optimal gestalten:

• Beschreibe, was eingegeben werden soll: "E-Mail-Adresse" statt nur "E-Mail"
• Bei Pflichtfeldern: "Vorname (Pflichtfeld)" oder entsprechende Kennzeichnung
• Erkläre das Format, wenn nötig: "Telefonnummer (mit Vorwahl)"
• Platziere Labels so, dass sie auch bei Vergrößerung sichtbar bleiben
• Nutze keine Platzhaltertexte als Ersatz für Labels

Technische Umsetzung:

• Verbinde Labels programmatisch mit ihren Formularfeldern (z.B. mit for und id)
• Verwende semantisches HTML für Überschriften (h1, h2, etc.)
• Teste deine Texte mit Screenreadern oder lass sie dir vorlesen
• Achte darauf, dass Labels auch ohne visuellen Kontext verständlich sind

Tools und Hilfsmittel:

• Screen Reader wie NVDA oder JAWS zum Testen
• Browser-Erweiterungen für Accessibility-Checks
• Kollegen aus verschiedenen Abteilungen als "Testleser" für Verständlichkeit

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Klare Überschriften und Labels sind nicht nur Pflicht – sie sind ein echter Conversion-Booster und Kundenzufriedenheits-Tool.

1. Nutzerfreundlichkeit steigern

Verständliche Beschreibungen reduzieren Abbruchraten drastisch. Wenn Nutzer sofort verstehen, was sie wo finden oder eingeben sollen, bleiben sie länger und kaufen eher. Besonders bei Formularen sinken die Fehlerquoten erheblich, wenn Labels klar formuliert sind.

2. Suchmaschinenoptimierung verbessern

Suchmaschinen lieben strukturierte, verständliche Inhalte. Aussagekräftige Überschriften helfen dabei, thematische Relevanz zu signalisieren und das Ranking zu verbessern. Klare Labels in Formularen erhöhen zudem die Chance auf Featured Snippets und bessere Nutzerinteraktionen.

3. Support-Aufwand reduzieren

Wenn Nutzer verstehen, was sie tun sollen, rufen sie seltener beim Support an. Klare Labels und Überschriften beantworten Fragen, bevor sie entstehen – das spart Zeit und Ressourcen im Kundendienst.

Und nicht zuletzt: Rechtssicherheit und Fördermöglichkeiten. Viele öffentliche Projekte fordern digitale Barrierefreiheit bereits verpflichtend – wer vorbereitet ist, hat klare Vorteile bei Ausschreibungen und Förderanträgen.

6. Das Erfolgskriterium im Wortlaut der W3C

Success Criterion 2.4.6 Headings and Labels

(Level AA)

Headings and labels describe topic or purpose.

Zum Erfolgskriterium bei der W3C

← Zurück zur WCAG-Übersicht