User-Aid Logo
Zurück zur Übersicht

input-button-name

Detailinformationen zur WCAG-Regel

WCAG 2Kritisch

Stellen Sie sicher, dass Eingabeschaltflächen einen erkennbaren Text haben

Alle Eingabeschaltflächen (`<input type="button">`, `<input type="submit">`, `<input type="reset">`) müssen einen klaren, erkennbaren Namen haben.

Warum ist das wichtig?

Ohne einen erkennbaren Namen wissen Screenreader-Benutzer nicht, welchen Zweck eine Schaltfläche hat. Dies macht es für sie schwierig oder unmöglich, mit Formularen und anderen interaktiven Elementen auf der Seite zu interagieren.

Lösung

Geben Sie einen Namen für die Schaltfläche mit dem `value`-Attribut, dem `aria-label`-Attribut an oder indem Sie mit `aria-labelledby` auf ein anderes Element verweisen.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.