aria-text

Elemente mit role="text" sollten keine fokussierbaren Nachfahren haben

manualKonfidenz: mediumSchweregrad: minorrobust

Prüft, dass Elemente mit role="text" keinen fokussierbaren Nachfahren enthalten (Link, Button, Formularsteuerelement, tabindex, iframe oder contenteditable).

Anwendbarkeit. Elemente, deren role-Attribut zu text aufgelöst wird: Sein erstes Token, das eine bekannte Rolle nennt, ist – ohne Berücksichtigung der Groß-/Kleinschreibung abgeglichen – text, daher zählen role="foo text" und role="TEXT", role="link text" (ein Link) dagegen nicht.

Erwartung. role="text" weist assistive Technologien an, den gesamten Teilbaum eines Elements als eine Einheit aus reinem Text zu behandeln (z. B. Text, der durch Styling optisch auf mehrere <span>s verteilt ist). Laut den WAI-ARIA Authoring Practices ist das nur sinnvoll, wenn dieser Teilbaum keine fokussierbaren Inhalte enthält: Ein fokussierbarer Nachfahre in einem Bereich, der als „nur Text“ gilt, ist für Menschen, die mit Tastatur oder assistiven Technologien arbeiten, unerreichbar oder verwirrend.

Beispiele

pass
<span role="text">Plain text with no interactive content.</span>

Im Element mit role="text" gibt es keinen fokussierbaren Nachfahren.

can't tell
<span role="text">Some text with <a href="#">a link</a> inside it.</span>

role="text" weist assistive Technologien an, dies als eine einzige flache Zeichenkette zu behandeln, aber der verschachtelte Link darunter ist weiterhin fokussierbar und interaktiv.

So prüfen Sie es

Wenn diese Regel nicht entscheiden kann, meldet sie cantTell und überlässt die Frage einer Person. Jede Frage, die sie stellen kann, steht hier unter ihrem Reason-Code, mit den Schritten, um sie zu beantworten. Ein Befund enthält dieselben Schritte in howToCheck, in der Sprache des Scans. Siehe Ausgabeschema.

ROLE_TEXT_HAS_FOCUSABLE_DESCENDANT

  1. Untersuchen Sie das im Bericht genannte Element und suchen Sie das fokussierbare Element darin.
  2. Drücken Sie bei laufendem Screenreader Tab, bis dieses Element den Fokus hat, und achten Sie darauf, was angesagt wird.
  3. Versuchen Sie, es mit Eingabetaste oder der Leertaste zu aktivieren.

Bestanden. Das fokussierbare Element wird mit seiner Rolle und seinem Namen angesagt und kann bedient werden, oder es muss gar nicht fokussierbar sein.

Nicht bestanden. Das fokussierbare Element wird als reiner Text oder gar nicht angesagt, sodass Nutzende nicht erkennen, dass es interaktiv ist (Best Practice, WAI-ARIA Authoring Practices).

Quellcode ansehen