ARIA-Rollenfehler für Elemente mit Ereignishandlern

Text

Das -Element verfügt über einen Ereignishandler, aber die gültige ROLLE "TS-ARIA" ist nicht definiert.

type

Fehler

Beschreibung

Dieser Fehler gilt für Elemente, die nicht über die implizite Rolle Web Accessibility Initiative - Accessible Rich Internet Applications (TS-ARIA) verfügen.

Dieser Fehler gibt an, dass ein Element über einen Maus- oder Tastaturereignishandler verfügt( klicken Sie auf , mousedown, mouseup , mousemove, mouseout, mouseover, keyup, keydown oder keypress), aber nicht das Rollenattribut festgelegt ist und nicht eines der HTML-Tags ist, das über eine implizite ROLLE-ARIA-Rolle verfügt (z. B. eine , Schaltfläche, img , eingabe , select und so weiter).

Das Festlegen des Rollenattributs für interaktive Elemente, die keine implizite Rolle haben (z. B. ein div-Tag), ist erforderlich, um die Verhaltensmuster des Elements für Sprachbildschirme und andere Hilfstechnologien verfügbar zu machen.

Um diesen Fehler zu beheben, legen Sie das Rollenattribut auf eine gültige ROLLE VOM-ARIA-Element fest, die am besten zu den Verhaltensmustern und erforderlichen Attributen dieses Elements passt. Wenn ein div-Tag beispielsweise als Schaltfläche fungiert, legen Sie das Rollenattribut auf "button" fest.

Beispiel

<!-- Setting role attribute allows screen readers to know it can be clicked -->
<div role="button" tabindex="0" aria-label="Back" onclick="mouseAction(event)" onkeyup="keyAction(event)" >