Stufe AA · WCAG 2.0
3.2.4 Konsistente Erkennung
Komponenten mit derselben Funktion werden überall gleich gekennzeichnet — dieselbe Beschriftung, dasselbe Icon, derselbe zugängliche Name.
Teilweise automatisch Manche Verstöße sind erkennbar, der Rest braucht Bewertung.
Woran es in der Praxis scheitert
Ein Such-Button, der im Header „Suchen“ heißt und im Hilfebereich „Los“. Dasselbe Download-Icon, einmal „PDF“ genannt und auf der nächsten Seite „Datei holen“. Screenreader-Nutzer können nicht erkennen, dass es dasselbe Element ist.
Wie man es repariert
Benennen Sie eine wiederkehrende Funktion einmal, in der Komponente, und verwenden Sie die Komponente wieder. Wo der Wortlaut abweichen muss, bleibt er in der Bedeutung gleich, nicht nur ähnlich.
Auf einen Blick
- Stufe
- Stufe AA — die Stufe, die EN 301 549 verlangt, und damit die, an der BFSG und EAA gemessen werden.
- Prinzip
- Verständlich
- Richtlinie
- 3.2 Vorhersehbar
- Neu in
- WCAG 2.0
- EN 301 549
- 9.3.2.4
- Englische Bezeichnung
- Consistent Identification
- Automatische Prüfung
- Teilweise automatisch
So prüfen Sie es von Hand
- Listen Sie die Bedienelemente und Icons auf, die sich über die Website wiederholen: Suche, Warenkorb, Download, Drucken, Teilen, Schließen.
- Vergleichen Sie bei jedem die sichtbare Beschriftung und das Icon auf mehreren Seiten.
- Vergleichen Sie auch die zugänglichen Namen im Bereich „Barrierefreiheit“ der Entwicklertools: Dieselbe Funktion hat überall denselben Namen.
Im Code
<!-- Header -->
<button type="submit" aria-label="Suchen">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="…"/></svg>
</button>
<!-- Hilfebereich -->
<button type="submit" aria-label="Los">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="…"/></svg>
</button><!-- Beide Stellen verwenden dieselbe Komponente -->
<button type="submit" aria-label="Suchen">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="…"/></svg>
</button>Teilweise automatisch
Wie weit eine automatische Prüfung kommt
Ein Werkzeug findet hier einen Teil der Verstöße und sieht den Rest nicht. Ein sauberes automatisches Ergebnis heißt: die vorhandenen Prüfungen haben nichts gefunden — nicht, dass das Kriterium erfüllt ist. Genau diese Lücke lässt einen grünen Scan wie eine barrierefreie Website aussehen, und genau dort arbeiten der Tastatur-Agent, die Agenten in Entwicklung und ein Mensch weiter.
Verwandte Kriterien
Weitere Kriterien unter derselben Richtlinie.
Finden Sie heraus, welche Kriterien Ihre Website verfehlt
Wir prüfen bis zu 100 Seiten gegen WCAG 2.2 AA, schicken den Tastatur-Agenten durch die Seite, die Sie benennen, und senden Ihnen den Bericht per E-Mail — einmal, kostenlos, ohne Bedingungen.