Stufe A · WCAG 2.1
2.5.3 Beschriftung im Namen
Der zugängliche Name eines Bedienelements enthält den sichtbaren Text, damit Sprachsteuerung es so ansprechen kann, wie es dasteht.
Teilweise automatisch Manche Verstöße sind erkennbar, der Rest braucht Bewertung.
Woran es in der Praxis scheitert
Ein Button mit der Aufschrift „Senden“ und aria-label="Formular abschicken". Jemand sagt „Klick Senden“ und nichts passiert.
Wie man es repariert
Beginnen Sie den zugänglichen Namen mit der sichtbaren Beschriftung. Zusatzkontext kommt danach, nicht stattdessen.
Auf einen Blick
- Stufe
- Stufe A — das Minimum. Ein Verstoß hier macht etwas meist unmöglich, nicht bloß mühsam.
- Prinzip
- Bedienbar
- Richtlinie
- 2.5 Eingabemodalitäten
- Neu in
- WCAG 2.1
- EN 301 549
- 9.2.5.3
- Englische Bezeichnung
- Label in Name
- Automatische Prüfung
- Teilweise automatisch
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.
Bei einem Crawl aus einem Konto wird auf jeder Seite verglichen, ob die Wörter, die ein Bedienelement zeigt, in seinem Namen stehen — überall, wo es sichtbaren Text zum Vergleich gibt.
Regeln, die dieses Kriterium prüfen
label-content-name-mismatchElemente müssen ihren sichtbaren Text auch als Teil des zugänglichen Namens (accessible name) haben.
Die Regel-IDs stammen aus axe-core (Version 4.14.0), der Open-Source-Engine, auf der unser Scan läuft, und von unserem Tastatur-Agenten – so heißen sie auch in einem Bericht oder im CI-Log. Eine unterstrichene ID hat hier eine eigene Seite.
Wo es besonders zählt
Leitfäden, in denen dieses Kriterium zu den ersten Prüfpunkten gehört.
Verwandte Kriterien
Weitere Kriterien unter derselben Richtlinie.
Weiterlesen
-
Zugänglicher Name (Accessible Name)
Der Name, den ein Element für assistive Technologien hat – vom Browser berechnet aus Textinhalt, label, alt, aria-label oder aria-labelledby.
-
Sprachsteuerung
Bedienung per Sprachbefehl (z. B. „Klick auf Senden“); funktioniert nur, wenn der sichtbare Text im zugänglichen Namen steckt (WCAG 2.5.3).
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.