3.2.4 Konsistente Erkennung

Was bedeutet das?

Wenn ein Button, Link oder Symbol auf mehreren Seiten dieselbe Funktion hat, soll er überall gleich benannt und gleich gekennzeichnet sein. Das betrifft den sichtbaren Text, das Symbol und den Text, den ein Screenreader vorliest.

Gleich heißt nicht wortgleich bis ins letzte Detail, aber eindeutig erkennbar dasselbe. Ein Warenkorb-Symbol mit dem Namen „Warenkorb“ sollte nicht auf einer anderen Seite „Einkaufstasche“ heißen.

Wem hilft das?

• Screenreader-Nutzer, die Elemente am vorgelesenen Namen erkennen
• Menschen mit kognitiven Einschränkungen, die sich an Begriffen orientieren
• Menschen, die Sprachsteuerung nutzen und Elemente beim Namen aufrufen

Typische Fehler

• Der Such-Button heißt auf der Startseite „Suchen“ und im Shop „Los“.
• Das gleiche Download-Symbol hat auf verschiedenen Seiten unterschiedliche Alternativtexte.
• Der Link zum Warenkorb heißt mal „Warenkorb“, mal „Mein Korb“, mal nur „Kasse“.
• Ein Druck-Symbol trägt auf einer Seite den Namen „Drucken“, auf einer anderen „Icon“.

So prüfen wir das

• nur Mensch Nur von Hand: Hier lässt sich nichts Sinnvolles messen. Die Prüferin oder der Prüfer testet es direkt.

Prüffrage: Komponenten mit gleicher Funktion sind seitenübergreifend gleich beschriftet.

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

<!-- Seite A -->
<button aria-label="Suchen"><svg aria-hidden="true">…</svg></button>
<!-- Seite B -->
<button aria-label="Go"><svg aria-hidden="true">…</svg></button>

<!-- Auf allen Seiten gleich -->
<button type="submit" aria-label="Suchen">
  <svg aria-hidden="true" focusable="false">…</svg>
</button>

Derselbe Name auf allen Seiten macht die Funktion für alle eindeutig wiedererkennbar.

Praxistipps

• Legen Sie ein kleines Begriffsverzeichnis für wiederkehrende Buttons und Links an.

Ratgeber und Muster dazu

• Die Erklärung zur Barrierefreiheit: vollständig, ehrlich, leicht zu findenUnternehmen und öffentliche Stellen müssen erklären, wie barrierefrei ihr Angebot ist. Hier steht, welche Angaben jeweils Pflicht sind und wie Sie die Erklärung so schreiben, dass sie hilft.

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 3.2.4 Consistent Identification