Stellt sicher, dass jeder ARIA-Progressbar-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
Alle ARIA-Progressbar-Elemente müssen für Screenreader-Benutzer eindeutigen Text haben, der das Ziel, den Zweck, die Funktion oder die Aktion beschreibt.
Warum es wichtig ist
Wenn Elemente mit dem Attribut role=”progressbar” keinen zugänglichen Namen haben, können Screenreader deren Zweck nicht an die Nutzer weitergeben.
Behebung des Problems
Entwickler sollten sicherstellen, dass alle Elemente mit role=”progressbar” einen erkennbaren und zugänglichen Namen haben.
Gutes Codebeispiel
Codebeispiel
<div role="progressbar" id="alb" aria-labelledby="labeldiv"></div>
<div role="progressbar" id="combo" aria-label="Aria Name">Name</div>
<div role="progressbar" id="title" title="Titel"></div>
Kopieren
Schlechtes Codebeispiel
Codebeispiel
<div role="progressbar" id="empty"></div>
<div role="progressbar" id="alempty" aria-label=""></div>
<div role="progressbar" id="albmissing" aria-labelledby="nonexistent"></div>
<div role="progressbar" id="albempty" aria-labelledby="emptydiv"></div>
<div id="emptydiv"></div>
Kopieren