NVDA Screenreader liest klickbare Wort auf Text

Question

Jede Idee, warum NVDA klickbare Wort liest, wenn sie durch Text in html Beispiel Tabbing:

<h1 tabindex="1"> testing </h1> 

NVDA wird klickbare Test lesen

Answer 1

Kurze Antwort:

die Tabindex-Attribut impliziert Funktionalität für einige Screenreader.

Lange Antwort:

Zwei primäre Möglichkeiten, dass ein Screenreader Benutzer Ihre Webseite navigiert werden, indem sie durch interaktive Elemente oder durch Überschriften zu überspringen. Interaktive Elemente sind Elemente wie Links, Schaltflächen, Formularfelder und andere Funktionen, die der Benutzer auf Ihrer Seite einleitet. Diese werden mit der 'Tab' Taste navigiert.

Die andere primäre Möglichkeit, die Sie durch Ihre Seite navigieren werden, ist durch Überschriften. In einer Umfrage von webaim werden Überschriften überwiegend als Hauptmethode zum Navigieren auf einer Seite aufgeführt, um Informationen zu finden (source). In Ihrem Beispiel haben Sie der Überschrift einen Tabindex gegeben, der den Eindruck erweckt, dass sie etwas Funktionalität oder Interaktivität besitzt. Nach meinem Verständnis werden sowohl JAWS als auch NVDA "klickbar" auf Elemente mit einem Tabindex lesen, da sie leicht einige JavaScript-Klickhandler haben könnten (und typischerweise hätten), die vom Bildschirmleser nicht zu sehen sind.

Answer 2

In erster Linie daran erinnern, dass Tabindex sind keine gute Praxis in a11y, und auch Header brauchen keinen Tabindex NVDA bietet eine Kopfnavigation mit der H-Taste. Über die anklickbare kann ich aus meiner Erfahrung ein bekanntes Problem für NVDA sagen, wenn Sie überprüfen, dass in anderen SR (Voice over oder Chromebox) richtig gelesen werden sollte