| Version | Aktuell |
|---|---|
| BITV-Bedingung | 4.1.2 Name, Rolle, Wert |
| BITV 1.0-Entsprechung | Neu. |
| Bewertungsalternativen | ja / eher erfüllt / teilweise erfüllt / eher nicht erfüllt / nein / nicht anwendbar |
| Gewichtung | mittleres Gewicht (2 Punkte) |
| Bezieht sich auf | einzelne Webseite |
| Prüfschritt erfüllt | Interaktive Bedienelemente wie Links und Schaltflächen haben programmatisch ermittelbare Namen und Rollen. |
| Prüfschritt nicht anwendbar | Die Seite enthält keine interaktiven Bedienelemente. |
Falls nicht-semantische Elemente (etwa div oder span) mithilfe von JavaScript zu Links oder Bedienelementen umfunktioniert werden, wird die Semantik mit Hilfe von WAI-ARIA Rollen und Eigenschaften bereit gestellt.
Die üblichen HTML-Bedienelemente wie Links (a-Element) und Formularelemente (input, button) haben Rollen, die für Hilfsmittel wie Screenreader generell erkennbar sind. So bekommen etwa blinde Nutzer mit, wenn sie auf einen Link tabben und können diesem dann folgen.
Interaktive Schaltflächen sollten deshalb mit Hilfe von geeigneten HTML-Elementen umgesetzt werden, damit ihre Bedeutung klar wird. Falls ungeeignete (weil nicht semantische) Elemente (etwa div oder span) mithilfe von JavaScript zu Links oder Bedienelementen umfunktioniert werden, kann die Semantik mit Hilfe von WAI-ARIA bereit gestellt werden. Die WAI-ARIA Auszeichnung ist für viele Nutzer älterer Browser und Screenreader nicht erkennbar, deshalb ist diese Technik ohne geeignete Fallbacks nicht empfehlenswert. Dennoch wird hier geprüft, ob bei Verwendung nicht semantischer Elemente diese wenigstens für Nutzer neuerer Browser und Hilfsmittel zugänglich gemacht worden sind.
Der Prüfschritt ist anwendbar, wenn die Seite interaktive Bedienelemente (Links, Formularelemente, oder programmierte Elemente, die auf onclick oder andere Event Handler reagieren) enthält.
href-Attribut? Dies lässt sich z.B. mit Hilfe der Web Developer Toolbar über die Funktion Informationen > Link-Informationen einblenden feststellen.div oder img nachgebildet wurden?Wenn im aViewer unter HTML > Element name unsemantische Elemente (etwa div, span oder auch a ohne href-Attribut) erscheinen, prüfen, ob dann über WAI-ARIA eine passende Rolle (etwa role="button") zugewiesen wird. Im Zweifelsfall die WAI-ARIA Role, State, and Property Quick Reference konsultieren.
Achtung: Beim Durchtabben erscheint der Eintrag [+] ARIA im Navigationsbaum auf der linken Seite des aViewers manchmal reduziert, obwohl die fokussierten Elemente ARIA-Rollen oder -Attribute haben. Die Untereinträge müssen dann durch Klick auf [+] ARIA ausgeklappt werden. (Außerdem tauchen ARIA-Rollen und -Eigenschaften auch innerhalb des JavaScript-Codes auf, der unten im aViewer angezeigt wird.)
alt-Attributen bzw. WAI-ARIA Eigenschaften erzeugen.Unsemantische Elemente wie div sind nur dann mit der Tastatur fokussierbar, wenn das tabindex-Attribut gesetzt wurde. Falls das nicht der Fall ist, müssen Elemente also gegebenenfalls mit dem Cursor-Werkzeug des aViewers untersucht werden.
Wichtige Bedienelemente sind mit unsemantischen HTML-Elementen oder a-Elementen ohne href-Attribut umgesetzt, ohne dass die Semantik mit WAI-ARIA nachgebildet wurde.
Vorläufiger Text der BITV 2.0, Entwurf vom Mai 2010
Für alle Komponenten der Benutzerschnittstelle sind Name und Rolle durch Programme erkennbar. Zustände, Eigenschaften und Werte, die von Nutzerinnen und Nutzern eingestellt werden können, können auch durch ein Programm gesetzt werden. Bei Änderungen dieser Zustände, Eigenschaften und Werte erhalten Benutzeragenten, einschließlich assistiver Technologien, eine Mitteilung.
In diesem Prüfschritt geht es nicht um die Bewertung der Tastaturbedienbarkeit geskripteter Bedienelemente. Dies ist Gegenstand von Prüfschritt 2.1.1a "Ohne Maus nutzbar".