User-Aid Logo
Zurück zur Übersicht

button-name

Detailinformationen zur WCAG-Regel

WCAG 2Kritisch

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

Schaltflächen müssen einen erkennbaren Text haben, der das Ziel, den Zweck, die Funktion oder die Aktion für Screenreader-Benutzer klar beschreibt.

Warum ist das wichtig?

Screenreader-Benutzer können den Zweck von Elementen mit role="link", role="button" oder role="menuitem" nicht erkennen, die keinen zugänglichen Namen haben.

Lösung

Stellen Sie sicher, dass jedes button-Element und Elemente mit role="button" einen für Screenreader erkennbaren inneren Text, ein nicht leeres aria-label-Attribut oder aria-labelledby haben, das auf ein Element mit erkennbarem Text verweist.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.