3.2.4 Konsistente Erkennung

1. Was ist das Ziel dieses Kriteriums?

Stell dir vor, du suchst in einem fremden Supermarkt nach dem Ausgang. Auf einem Schild steht „Ausgang“, auf dem nächsten „Exit“ und auf dem dritten „Raus hier“. Obwohl alle das Gleiche meinen, wirst du unsicher – und verlierst wertvolle Zeit.

Genauso geht es Menschen, die Websites mit assistiven Technologien nutzen: Wenn identische Funktionen auf verschiedenen Seiten unterschiedlich benannt sind, wird die Navigation zum Hindernisparcours. Erfolgskriterium 3.2.4 der WCAG fordert deshalb: Komponenten mit derselben Funktion müssen auf allen Seiten einer Website einheitlich erkennbar sein.

Das Ziel ist klar: Alle sollen sich darauf verlassen können, dass ein „Speichern“-Button überall als „Speichern“ erscheint – und nicht mal als „Sichern“, „Übernehmen“ oder „OK“.

2. Was fordert das Erfolgskriterium genau?

Das Kriterium gilt für alle Komponenten mit derselben Funktion innerhalb einer Website oder einer zusammengehörigen Gruppe von Seiten.

Konkrete Anforderungen:

• Einheitliche Benennung: Buttons, Links, Icons und andere interaktive Elemente mit derselben Funktion werden auf allen Seiten gleich bezeichnet.
• Einheitliche Textalternativen: Auch Alt-Texte von Icons oder Grafiken mit derselben Funktion sind konsistent (siehe Nicht-Text-Inhalt).
• Einheitliche zugängliche Namen: Was Screenreader vorlesen – der sogenannte zugängliche Name –, folgt bei gleicher Funktion demselben Muster.

Wichtige Unterscheidung: „Konsistent“ bedeutet nicht zwingend „wortgleich“. Ein Weiter-Link darf auf Seite 2 „Zu Seite 3“ heißen und auf Seite 3 „Zu Seite 4“ – solange das Muster gleich bleibt.

Umgekehrt gilt: Wenn dasselbe Icon verschiedene Funktionen hat (z. B. ein Häkchen einmal für „Erledigt“ und einmal für „Ausgewählt“), sind unterschiedliche Bezeichnungen richtig – sie spiegeln die unterschiedlichen Funktionen wider.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du navigierst blind durch eine Website und hast endlich gelernt, dass der „Warenkorb“-Link rechts oben steht. Auf der nächsten Seite heißt derselbe Link plötzlich „Shopping Cart“ – und du suchst wieder von vorne.

Konsistente Bezeichnungen schaffen Barrierefreiheit, weil sie:

• Screenreader-Nutzer:innen Orientierung geben: Sie können sich auf vertraute Begriffe verlassen und müssen nicht jede Seite neu „lernen“.
• Menschen mit kognitiven Einschränkungen helfen: Einheitliche Bezeichnungen reduzieren die mentale Belastung und Verwirrung.
• Menschen mit Lernschwierigkeiten Sicherheit geben: Sie wissen genau, was passiert, wenn sie einen bekannten Button anklicken.
• Die Suche in assistiven Technologien unterstützen: Wer weiß, dass es überall „Speichern“ heißt, kann gezielt danach suchen oder es per Sprachsteuerung aufrufen.

Konsistenz macht Websites vorhersagbar – und Vorhersagbarkeit ist ein Grundpfeiler der Barrierefreiheit.

4. So setzt du das Kriterium erfolgreich um

Konsistente Bezeichnungen sind weniger komplex, als sie klingen – erfordern aber systematisches Vorgehen und klare Regeln.

Grundregeln für konsistente Bezeichnungen:

• Styleguide erstellen: Lege einmal fest, wie Standardfunktionen heißen („Speichern“, „Löschen“, „Bearbeiten“, „Zurück“), und halte dich daran.
• Icon-Bibliothek pflegen: Nutze dieselben Icons für dieselben Funktionen und vergib ihnen einheitliche Textalternativen.
• Zugängliche Namen prüfen: Der zugängliche Name sollte bei gleicher Funktion einheitlich sein und den sichtbaren Text enthalten – sonst gerät Sprachsteuerung ins Stolpern (siehe Beschriftung im Namen).
• Muster statt Wörter: Bei dynamischen Inhalten wie „Seite 2“, „Seite 3“ ist das Muster wichtiger als der identische Wortlaut.

Praxistipps für die Umsetzung:

• Funktionsinventar anlegen: Liste alle wiederkehrenden Funktionen auf und lege deren Standardbezeichnung fest.
• Konsistenz-Check bei Reviews: Prüfe regelmäßig, ob neue Seiten die etablierten Bezeichnungen verwenden.
• Richtlinien für Entwickler:innen: Stelle sicher, dass auch aria-label und andere programmatische Namen konsistent sind.
• Redaktionsleitfaden: Dokumentiere nicht nur visuelle, sondern auch funktionale Bezeichnungen.

Häufige Stolpersteine vermeiden:

• Verschiedene Begriffe für dieselbe Aktion („Senden“ vs. „Absenden“ vs. „Abschicken“)
• Uneinheitliche Icon-Beschreibungen („Dokument herunterladen“ vs. „PDF-Download“)
• Unterschiedliche aria-label-Texte bei gleicher sichtbarer Beschriftung

Das Gegenstück auf Ebene der Navigation ist Konsistente Navigation.

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Konsistente Bezeichnungen sind nicht nur Pflicht für die Barrierefreiheit – sie verbessern das Erlebnis für alle und stärken deine Marke.

1. Nutzerfreundlichkeit steigern

Konsistente Bezeichnungen machen deine Website intuitiver. Wer einmal gelernt hat, wo der „Warenkorb“ ist, findet ihn überall wieder. Das reduziert Frust, verkürzt die Einarbeitung und macht es leichter, einen Kauf abzuschließen – besonders für wiederkehrende Kund:innen.

2. Markenwahrnehmung stärken

Einheitliche Begriffe wirken professionell und durchdacht. Sie signalisieren Qualität und Zuverlässigkeit – Eigenschaften, die Vertrauen schaffen und Kund:innen binden.

3. Support-Aufwand reduzieren

Wenn „Speichern“ überall „Speichern“ heißt, kann dein Support eindeutige Anweisungen geben. Das reduziert Missverständnisse, verkürzt Gespräche und macht den Support effizienter.

Und nicht zuletzt die rechtliche Seite: Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) für viele digitale Angebote für Verbraucher:innen, etwa Online-Shops und Bankdienstleistungen. Technischer Maßstab ist die EN 301 549, die für Webinhalte auf WCAG 2.1 Level AA verweist – 3.2.4 gehört dazu. Öffentliche Stellen sind über die BITV 2.0 bzw. Landesrecht ohnehin verpflichtet. Dieser Abschnitt informiert allgemein und ersetzt keine Rechtsberatung.

6. Das Erfolgskriterium im Wortlaut des W3C

Success Criterion 3.2.4 Consistent Identification (Level AA)

Components that have the same functionality within a set of web pages are identified consistently.

Kurz gesagt: Komponenten mit derselben Funktion werden innerhalb einer Website überall einheitlich bezeichnet und gekennzeichnet.