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, verwirrst du dich – 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 konsistent bezeichnet werden.
Das Ziel ist klar: Nutzer 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 Webseiten.
Konkrete Anforderungen:
- Konsistente Benennung: Buttons, Links, Icons und andere interaktive Elemente mit identischer Funktion müssen auf allen Seiten gleich bezeichnet werden.
- Einheitliche Textalternativen: Auch Alt-Texte von Icons oder Grafiken mit derselben Funktion müssen konsistent sein.
- Gleiche zugängliche Namen: Was Screenreader vorlesen (der "accessible name"), muss bei gleicher Funktion immer identisch sein.
Wichtige Unterscheidung: "Konsistent" bedeutet nicht "identisch". Ein Pfeil mit "Zur nächsten Seite" darf auf Seite 2 "Zu Seite 3" heißen und auf Seite 3 "Zu Seite 4" – solange das Muster konsistent bleibt.
Ausnahmen: Wenn dasselbe Icon verschiedene Funktionen hat (z.B. Häkchen für "Erledigt" und "Ausgewählt"), sind unterschiedliche Bezeichnungen sogar erwünscht – sie spiegeln die verschiedenen 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-Nutzern 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.
- Nutzern mit Lernschwierigkeiten Sicherheit geben: Sie wissen genau, was passiert, wenn sie einen bekannten Button klicken.
- Die Suchfunktion assistiver Technologien unterstützen: Nutzer können gezielt nach "Speichern" suchen, wenn sie wissen, dass es überall so heißt.
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:
- Style Guide erstellen: Definiere einmal, wie Standardfunktionen heißen sollen ("Speichern", "Löschen", "Bearbeiten", "Zurück") und halte dich daran.
- Icon-Bibliothek pflegen: Nutze dieselben Icons für dieselben Funktionen und vergib ihnen einheitliche Alt-Texte.
- Accessible Names prüfen: Was Screenreader vorlesen, muss bei gleicher Funktion identisch sein – auch wenn der sichtbare Text variiert.
- 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:
- Funktions-Inventar anlegen: Liste alle wiederkehrenden Funktionen auf und definiere deren Standardbezeichnung.
- Konsistenz-Check bei Reviews: Prüfe regelmäßig, ob neue Seiten die etablierten Bezeichnungen verwenden.
- Entwickler-Guidelines: Stelle sicher, dass auch aria-label und andere programmatische Namen konsistent sind.
- Content-Style-Guide: Dokumentiere nicht nur visuelle, sondern auch funktionale Bezeichnungen.
Häufige Stolpersteine vermeiden:
- Verschiedene Begriffe für dieselbe Aktion ("Senden" vs. "Absenden" vs. "Abschicken")
- Inkonsistente Icon-Beschreibungen ("Dokument herunterladen" vs. "PDF-Download")
- Unterschiedliche aria-label-Texte bei gleicher visueller Beschriftung
5. Warum dieses Erfolgskriterium für Unternehmen relevant ist
Konsistente Bezeichnungen sind nicht nur ein Accessibility-Must-have – sie verbessern die User Experience für alle und stärken deine Marke.
1. Nutzerfreundlichkeit steigern
Konsistente Bezeichnungen machen deine Website intuitiver. Nutzer lernen einmal, wo der "Warenkorb" ist und finden ihn überall wieder. Das reduziert Frustration, verkürzt Lernkurven und steigert die Conversion-Rate – besonders bei wiederkehrenden Kunden.
2. Markenwahrnehmung stärken
Einheitliche Begriffe und Bezeichnungen wirken professionell und durchdacht. Sie signalisieren Qualität und Zuverlässigkeit – Eigenschaften, die Vertrauen schaffen und Kunden binden.
3. Support-Aufwand reduzieren
Wenn "Speichern" überall "Speichern" heißt, können Support-Mitarbeiter eindeutige Anweisungen geben. Das reduziert Missverständnisse, verkürzt Gespräche und macht den Support effizienter.
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 W3
Success Criterion 3.2.4 Consistent Identification (Level AA)
Components that have the same functionality within a set of web pages are identified consistently.