Direkt zum Hauptinhalt

WCAG 2.2 · Level AA · BedienbarBarrierefreiheit als Cloud-Service

2.4.6 Überschriften und Labels

Überschriften und Labels beschreiben Thema oder Zweck.

Auf einen Blick

Was bedeutet dieses Kriterium?

Kurz gesagt

Überschriften und Labels beschreiben Thema oder Zweck.

Aufwand

Einfach umzusetzen, schnell erledigt

Betrifft Rolle

Redaktion

Konformitätsstufe

Level AA

EN 301 549

Abschnitt 9.2.4.6 · BITV 2.0 · BFSG

Verständlich erklärt

Was heißt 2.4.6 für die Praxis?

Überschriften und Labels beschreiben Thema oder Zweck.

Überschriften sollten den folgenden Inhalt zusammenfassen. Formular-Labels beschreiben das erwartete Eingabeformat.

Wer ist betroffen?

Ein Alltagsbeispiel

Bedienbarkeit bedeutet: jeder Mensch kann die Seite nutzen — egal ob mit Maus, Tastatur, Touchscreen oder Sprachsteuerung. Wer dieses Kriterium verletzt, schließt Nutzer aus, die auf eine bestimmte Eingabemethode angewiesen sind. Besonders betroffen sind: Blinde Menschen, Menschen mit kognitiven Einschränkungen.

Die Lösung

So setzen Sie es richtig um

Überschriften sollten den folgenden Inhalt zusammenfassen. Formular-Labels beschreiben das erwartete Eingabeformat.

Überschriften und Labels beschreiben Thema oder Zweck.

Umsetzung

Schritt für Schritt

Konkrete Anleitung zur praktischen Umsetzung dieses Kriteriums.

  1. 1

    Überschriften prüfen

    Sind die Überschriften beschreibend? 'Kontaktformular' statt 'Formular'.

Typische Fehler

Das wird häufig falsch gemacht

Diese Fehler sehen wir in der Praxis besonders oft — und wie Sie sie vermeiden.

Nur mit der Maus testen

Entwickler nutzen beim Testen fast immer die Maus. Viele Probleme werden erst sichtbar, wenn man die Tastatur verwendet. Der Tab-Test sollte Routine sein.

Hover-Effekte als einzige Interaktion

Was nur per Hover funktioniert, ist per Tastatur unbedienbar. Interaktionen sollten immer auch per Fokus oder Klick auslösbar sein.

Selbst prüfen

So testen Sie dieses Kriterium

Mit diesen Methoden können Sie selbst prüfen, ob Ihre Webseite das Kriterium erfüllt.

Tastatur-Test

Legen Sie die Maus beiseite. Navigieren Sie ausschließlich mit Tab, Umschalt+Tab, Enter, Leertaste und Pfeiltasten durch die Seite. Alles erreichbar? Alles bedienbar?

Fokusindikator prüfen

Bei jeder Tastaturnavigation sollte ein sichtbarer Fokusring das aktuell aktive Element markieren. Ist er überall gut sichtbar?

Mit Screenreader und Tastatur

Kombinieren Sie Screenreader-Ansage und Tastaturnavigation. So simulieren Sie die tägliche Nutzung blinder Menschen.

Häufige Fragen

Fragen und Antworten

Ist Level AA für mich relevant?
Ja, wenn Ihre Website in Deutschland oder der EU betrieben wird. Öffentliche Stellen sind durch BITV 2.0 an Level AA gebunden. Private Anbieter müssen seit Juni 2025 durch das BFSG ebenfalls Level AA einhalten, wenn sie Produkte oder Dienstleistungen im Netz anbieten.
Wie kann ich prüfen, ob meine Seite dieses Kriterium erfüllt?
Nutzen Sie einen Test-Mix: automatisierte Tools wie Pa11y oder axe DevTools finden viele Probleme zuverlässig, aber nicht alle. Ergänzen Sie mit manuellen Tests — Tastaturnavigation, Screenreader-Test und eine visuelle Prüfung der relevanten Seitenbereiche.
Welche anderen Kriterien hängen damit zusammen?
Dieses Kriterium steht in engem Zusammenhang mit 1.3.1, 3.3.2. Diese Kriterien sollten gemeinsam geprüft werden, weil sie sich gegenseitig ergänzen.

Verwandte Kriterien

Weiterführende Erfolgskriterien

Diese Kriterien stehen in engem Zusammenhang mit 2.4.6 und sollten gemeinsam betrachtet werden.