WCAG 2.4.6 Überschriften und Beschriftungen
Erfolgskriterium 2.4.6 verlangt, dass Überschriften und Beschriftungen das Thema oder den Zweck des Inhalts beschreiben, den sie einleiten. Es ist ein Kriterium der Stufe AA unter Richtlinie 2.4 (Navigierbar) – ein Schritt über das bloße Vorhandensein von Überschriften und Beschriftungen hinaus; dieses Kriterium betrifft, ob sie tatsächlich aussagekräftig sind.
Die Unterscheidung von strukturellen Kriterien
1.3.1 Info und Beziehungen und Falsche Überschriftenreihenfolge betreffen, ob Überschriften existieren und im Markup korrekt verschachtelt sind. Dieses Kriterium betrifft die Inhaltsqualität: Sagt Ihnen der tatsächliche Wortlaut der Überschrift oder Beschriftung, was folgt? Eine Seite kann eine perfekt verschachtelte <h1>/<h2>/<h3>-Struktur haben und dieses Kriterium dennoch nicht erfüllen, wenn die Überschriften selbst nichts Nützliches sagen – "Abschnitt 1", "Mehr Info", "Details".
Warum aussagekräftiger Text speziell für die Navigation wichtig ist
Screenreader-Nutzer navigieren häufig, indem sie eine Liste aller Überschriften auf einer Seite aufrufen und direkt zu der springen, die sie brauchen – ähnlich wie ein sehender Nutzer fett gedruckte Abschnittstitel überfliegt. Eine Überschriftenliste, die "Übersicht, Details, Weitere Informationen, Abschnitt 4" liest, gibt diesem Nutzer nichts, wonach er navigieren kann; eine Liste, die "Preise, Rückerstattungsrichtlinie, Versandzeiten, Support kontaktieren" liest, lässt ihn direkt zu dem springen, was er braucht, ohne die Seite zuerst von oben bis unten zu lesen.
Was "aussagekräftig" nicht verlangt
Dieses Kriterium verlangt nicht, dass Überschriften erschöpfend detailliert sind – Kürze ist in Ordnung, und oft besser. "Rückerstattungsrichtlinie" ist eine vollkommen aussagekräftige Überschrift; sie muss nicht "Die vollständige Rückerstattungs- und Rückgaberichtlinie unseres Unternehmens für alle Produkte" lauten. Die Messlatte ist, ob die Überschrift das Thema ihres Abschnitts vermittelt, nicht wie lang oder ausgefeilt sie ist.
Dasselbe Prinzip gilt für Formularbeschriftungen
Ein Formularfeld, das einfach mit "Name" beschriftet ist, ist im Kontext meist klar genug. Ein Feld, das mehrdeutig als "Eingabe 3" oder "Feld" beschriftet ist, gibt keinen Hinweis darauf, was erwartet wird, und verfehlt dieses Kriterium, selbst wenn es ein technisch gut zugeordnetes <label> hat, das 3.3.2 erfüllt. Sowohl Überschriften als auch Beschriftungen müssen demselben zugrunde liegenden Standard genügen: Der tatsächliche Wortlaut muss echte beschreibende Arbeit leisten, nicht nur als Formalität existieren.
Offizielle Referenzen
Häufige Fragen
- Was ist WCAG 2.4.6?
- Ein Kriterium der Stufe AA: Vorhandene Überschriften und Beschriftungen müssen ihr Thema oder ihren Zweck klar beschreiben, damit Nutzer Inhalte finden und Bedienelemente verstehen.
- Verlangt 2.4.6, Überschriften und Beschriftungen zu ergänzen?
- Nein – es regelt die Qualität der verwendeten Überschriften und Beschriftungen; ob sie überhaupt vorhanden sein müssen, regeln andere Kriterien wie 1.3.1 und 3.3.2.
- Was ist ein Beispiel für eine vage Beschriftung?
- Eine Überschrift wie `Mehr` oder eine Feldbeschriftung `Feld 1`, die nicht erkennen lässt, worum es in dem Abschnitt oder Eingabefeld tatsächlich geht.
Verwandte Artikel
Möchten Sie sehen, wie Ihre eigene Website abschneidet?
Kostenlosen Barrierefreiheitsscan durchführen