Jedes ARIA-treeitem-Element muss einen zugänglichen Namen haben
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
Laut Web-Accessibility-Standards müssen treeitem-Elemente einen erkennbaren Text enthalten, der Ziel, Zweck, Funktion oder Aktion des Elements für Screenreader-Nutzer beschreibt.
Warum es wichtig ist
Screenreader-Benutzer können den Zweck von Elementen mit role=”treeitem” nicht erfassen, wenn diese keinen zugänglichen Namen haben. Ohne einen Namen bleibt die Interaktion mit der Baumstruktur unklar, was die Navigation erschwert.
Behebung des Problems
Alle Elemente mit role=”treeitem” müssen überprüft werden, um sicherzustellen, dass sie einen klaren und zugänglichen Namen haben.
Gutes Codebeispiel
Codebeispiel
<div role="treeitem" id="al" aria-label="Name"></div><div role="treeitem" id="alb" aria-labelledby="labeldiv"></div><div role="treeitem" id="combo" aria-label="Aria Name">Name</div><div role="treeitem" id="title" title="Titel"></div>
Kopieren Schlechtes Codebeispiel
Codebeispiel
<div role="treeitem" id="empty"></div><div role="treeitem" id="alempty" aria-label=""></div><div role="treeitem" id="albmissing" aria-labelledby="nonexistent"></div><div role="treeitem" id="albempty" aria-labelledby="emptydiv"></div>
<div id="emptydiv"></div>
Kopieren