Prüfpunkt 3.2.4Stufe AANavigation, Orientierung und Links
Warum muss dieselbe Funktion überall gleich heißen?
Dieselbe Funktion muss überall gleich heißen, weil Besucher Funktionen an ihrem Namen wiedererkennen. Heißt der Warenkorb auf einer Seite „Warenkorb“, auf der nächsten „Einkaufstasche“ und im Bestellschritt „Ihre Auswahl“, wirkt das wie drei verschiedene Dinge — obwohl es dasselbe ist. Das WCAG-Kriterium 3.2.4 verlangt eine konsistente Erkennung: gleiche Funktion, gleicher Name, gleiches Symbol.
Wiedererkennung trägt die Bedienung
Ein Beispiel aus dem Alltag: In Ihrem Kontaktbereich heißt die Schaltfläche „Nachricht senden“, auf der Produktseite „Absenden“ und im Karrierebereich „Los“. Sehende Besucher überbrücken das mit einem Blick auf den Zusammenhang. Für blinde Besucher ist der Name aber alles, was sie haben — ihr Vorleseprogramm kann eine Liste aller Schaltflächen einer Seite vorlesen, und in dieser Liste zählt allein die Beschriftung. Drei Namen für dieselbe Handlung bedeuten dreifachen Lernaufwand und ständige Unsicherheit, ob sich dahinter wirklich dasselbe verbirgt. Das gilt auch für Symbole: Ein Briefumschlag, der einmal „E-Mail schreiben“ und einmal „Newsletter“ bedeutet, verwirrt. Ein fester Namens- und Symbolvorrat je Funktion löst das.
So prüft der Prüfservice die konsistente Erkennung
Die automatische Messung prüft jede einzelne Seite darauf, dass Bedienelemente überhaupt einen zugänglichen Namen tragen — das fließt in andere Kriterien wie 4.1.2 ein. Ob derselbe Zweck über den gesamten Auftritt hinweg denselben Namen trägt, ist dagegen eine Frage der Bedeutung, die eine Maschine kaum entscheiden kann: „Absenden“ und „Nachricht senden“ sind für ein Programm einfach zwei verschiedene Zeichenketten. Unser Bericht weist das Kriterium 3.2.4 deshalb ehrlich als manuellen Prüfpunkt aus. Beim Gold-Standard vergleicht ein Prüfer die wiederkehrenden Funktionen mehrerer Seiten — Suche, Kontakt, Warenkorb, Download — und beurteilt, ob Namen und Symbole übereinstimmen.
Beispiele
Dieselbe Funktion mit drei Namen
<!-- Seite A --> <button>Absenden</button>
<!-- Seite B --> <button>Senden</button>
<!-- Seite C --> <button>Los</button>
<!-- alle drei schicken ein Kontaktformular ab --><!-- überall --> <button>Anfrage senden</button>Gleiche Funktion, gleicher Name, gleiches Symbol. Wer die Seite auswendig lernt, findet sich dann überall zurecht.
So gehen Sie es an
- Erstellen Sie eine kurze Wortliste: Welche Funktion heißt bei Ihnen wie? Ein Begriff je Funktion, verbindlich für alle Seiten.
- Vergleichen Sie die Beschriftungen Ihrer Formular-Schaltflächen über den ganzen Auftritt und vereinheitlichen Sie sie.
- Verwenden Sie je Symbol genau eine Bedeutung — der Briefumschlag steht dann überall für dieselbe Handlung.
- Geben Sie die Wortliste an Agentur und Redaktion weiter, damit neue Seiten die eingeführten Namen übernehmen.
Weiter im Prüfbereich Barrierefreiheit
- Wo gehört die Hilfe auf einer Website hin?Hilfe-Angebote wie Telefonnummer, Kontaktlink oder Chat gehören auf jeder Seite an dieselbe Stelle. Das verlangt das neue WCAG-Kriterium 3.2.6.
- Wie zeigt eine Website Formularfehler richtig an?Ein Formularfehler muss in Textform benannt werden: welches Feld, was fehlt. So prüfen wir WCAG-Kriterium 3.3.1 mit einem echten Absende-Versuch.
- Warum braucht jedes Formularfeld eine Beschriftung?Jedes Eingabefeld braucht eine dauerhaft sichtbare, technisch verknüpfte Beschriftung. So prüfen wir WCAG-Kriterium 3.3.2 automatisch.
- Wie hilft ein Formular bei falschen Eingaben weiter?Ein gutes Formular benennt den Fehler und schlägt die Korrektur vor, etwa das richtige Datumsformat. Das verlangt WCAG-Kriterium 3.3.3.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: freddie marriage, CC0
.jpg){kind=link}