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:
`[aria-hidden="true"]` ist in dem Dokument `<body>` nicht vorhanden Die Seite enthält eine Überschrift, einen Link zum Überspringen oder einen Landmark-Bereich Kein Element hat einen `[tabindex]`-Wert größer als 0 `[id]`-Attribute zu aktiven, fokussierbaren Elementen sind eindeutig `[role]`-Elemente sind ihren jeweils erforderlichen übergeordneten Elementen untergeordnet `[lang]`-Attribute weisen einen gültigen Wert auf Überschriftenelemente werden in einer fortlaufenden absteigenden Reihenfolge angezeigt Links haben keinen leicht erkennbaren Namen `[user-scalable="no"]` wird nicht im `<meta name="viewport">`-Element verwendet und das `[maximum-scale]`-Attribut ist nicht kleiner als 5. `[aria-hidden="true"]`-Elemente enthalten keine fokussierbaren Unterelemente