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:
Schaltflächen haben keinen für Screenreader zugänglichen Namen Die Seite enthält eine Überschrift, einen Link zum Überspringen oder einen Landmark-Bereich `[aria-*]`-Attribute entsprechen ihren Rollen Das `<html>`-Element hat einen gültigen Wert für sein `[lang]`-Attribut HTML5 landmark elements are used to improve navigation `<dl>`-Elemente enthalten ausschließlich Gruppen aus `<dt>`- und `<dd>`-Elementen sowie `<script>`-, `<template>`- oder `<div>`-Elemente, die richtig angeordnet sind. `<frame>`- oder `<iframe>`-Elemente verfügen über einen Titel Offscreen content is hidden from assistive technology The page has a logical tab order `[aria-*]`-Attribute sind gültig und richtig geschrieben