Stufe ASeit WCAG 2.1

2.5.3 Beschriftung im Namen

Englischer Originaltitel: Label in Name

Richtlinie 2.5: Eingabemodalitäten – Bedienung per Touch, Zeiger und Bewegung ist einfach und fehlertolerant.

Was verlangt die Regel?

Der sichtbare Text eines Bedienelements steckt auch in seinem Namen im Code. Sonst funktioniert Sprachsteuerung nicht: „Klicke Senden“ findet den Knopf nicht.

So machst du es richtig

Steht auf dem Knopf „Senden“, darf das aria-label nicht „Formular abschicken“ heißen. Besser: gar kein aria-label oder „Senden – Kontaktformular“.

Wem hilft das besonders?

Menschen, die per Sprache steuern
Blinde Menschen

Offizieller Wortlaut

Diese Seite erklärt die Regel in einfachen Worten. Verbindlich ist nur der englische Originaltext des W3C.

„Understanding Label in Name“ beim W3C (externe Seite, Englisch)
Techniken in der WCAG Quick Reference (externe Seite, Englisch)