Schaltflächen haben keinen für Screenreader zugänglichen Namen
Buttons sind ein wichtiges Element jeder Anwendung oder jeder Website. Sie werden verwendet, um verschiedene Aktionen auszuführen, wie das Senden von Formularen, das Wechseln zu einer anderen Seite oder das Aufrufen einer bestimmten Funktion. Um effektiv zu sein, sollten Buttons einen zugänglichen Namen haben, der klar anzeigt, was sie tun.
Ein zugänglicher Button-Name ist der Text, der die Aktion beschreibt, die der Button ausführt. Es sollte klar und leicht lesbar sein, damit die Benutzer verstehen, was passieren wird, wenn sie auf den Button klicken. Dies ist besonders wichtig für Benutzer mit eingeschränkten Fähigkeiten, wie Menschen mit Seh-, Hör- oder Motorikproblemen.
Zum Beispiel, wenn ein Button verwendet wird, um ein Formular zu senden, sollte der Text auf dem Button so sein, dass der Benutzer versteht, was passieren wird, wenn er darauf klickt. Beispiele könnten sein "Formular senden" oder "Bestellung bestätigen". Dies hilft dem Benutzer zu verstehen, was er tut, und vertrauensvoll den Button zu verwenden.
Darüber hinaus kann ein zugänglicher Button-Name auch wichtig sein für Screen Reader und andere Hilfsmittel für die Barrierefreiheit. Diese Tools lesen den Text vom Bildschirm anstatt ihn anzuzeigen und verwenden Informationen über den zugänglichen Button-Namen, um dem Benutzer zu erklären, was der Button tut.
Zusammenfassend ist ein zugänglicher Button-Name ein wichtiger Aspekt der Barrierefreiheit jedes Benutzerinterfaces. Es hilft den Benutzern, besser zu verstehen, was sie tun, und vertrauensvoll Buttons zu verwenden, was die Effizienz und Benutzerfreundlichkeit des Interfaces verbessert. Deshalb sollten Entwickler den zugänglichen Button-Namen unbedingt bei der Erstellung des Benutzerinterfaces berücksichtigen, um eine maximale Benutzerfreundlichkeit für alle Benutzer zu gewährleisten.
Ähnliche Artikel:
`<video>`-Elemente enthalten ein `<track>`-Element mit `[kind="captions"]` `[aria-*]`-Attribute entsprechen ihren Rollen Kein Element hat einen `[tabindex]`-Wert größer als 0 `<html>`-Element hat ein `[lang]`-Attribut Listenelemente (`<li>`) befinden sich in übergeordneten `<ul>`- oder `<ol>`-Elementen Interactive controls are keyboard focusable HTML5 landmark elements are used to improve navigation `[lang]`-Attribute weisen einen gültigen Wert auf ARIA `tooltip`-Elemente haben zugängliche Namen `<frame>`- oder `<iframe>`-Elemente verfügen über einen Titel