Stellt sicher, dass jeder ARIA-Meter-Knoten einen zugänglichen Namen hat
Blind
Sehbehindert
Mobilität
WCAG 2.2 Level A
Von Menschen für Menschen geschrieben und recherchiert
Casandra Visser
Autor
Yotam Flohr
Forscher
Ritvik Shrivastava
Fachmännisch überprüft von
Kommentare:
0
Die Anforderungen an die Barrierefreiheit im Web besagen, dass ARIA-Meter-Elemente erkennbaren Text haben müssen, der für Screenreader-Benutzer klar das Ziel, den Zweck, die Funktion oder die Aktion beschreibt.
Warum es wichtig ist
Wenn Elemente mit einem role=”meter”-Attribut keinen zugänglichen Namen haben, können Screenreader ihren Zweck den Benutzern nicht vermitteln.
Behebung des Problems
Entwickler sollten überprüfen, ob alle Elemente mit role=”meter” einen erkennbaren und zugänglichen Namen haben.
Gutes Codebeispiel
Codebeispiel
<div role="meter" id="alb" aria-labelledby="labeldiv"></div><div role="meter" id="combo" aria-label="Aria Name">Name</div><div role="meter" id="title" title="Titel"></div>
Kopieren Schlechtes Codebeispiel
Codebeispiel
<div role="meter" id="leer"></div><div role="meter" id="albleer" aria-label=""></div><div role="meter" id="albfehlt" aria-labelledby="nichtvorhanden"></div><div role="meter" id="albleerdiv" aria-labelledby="leerdiv"></div>
<div id="leerdiv"></div>
Kopieren