tabindex
tabindex sollte nicht größer als 0 sein
Prüft, dass tabindex-Werte 0 oder negativ sind, keine positive Zahl.
Anwendbarkeit. Gilt für Elemente mit einem tabindex-Attribut, dessen Wert sich als gültige Ganzzahl auswerten lässt.
Erwartung. Der tabindex-Wert ist 0 oder negativ. Ein positiver tabindex legt die Tab-Reihenfolge der Tastatur explizit neu fest. Das ist bei Änderungen an der Seite schwer zu pflegen und deutet meist darauf hin, dass stattdessen die natürliche DOM-Reihenfolge korrigiert werden sollte.
Was ein Befund meldet.
value: dertabindex-Wert, eine ganze Zahl über 0.
Diese Felder in data.details helfen, einen Befund zu lesen und zu reproduzieren. Außer reasonCode und den wenigen Feldern, die Ausgabeschema als stabil nennt, sind sie kein stabiler Vertrag: Ein Feld kann in einer Minor-Version umbenannt werden oder wegfallen, bauen Sie also nicht darauf auf.
Beispiele
<div tabindex="0">Focusable</div>
tabindex="0" fügt das Element in die natürliche Tab-Reihenfolge ein, ohne etwas umzuordnen.
<div tabindex="3">Reordered</div>
Ein positiver tabindex nimmt dieses Element aus der natürlichen Tab-Reihenfolge des Dokuments und stellt es vor alle anderen, was Personen, die per Tastatur navigieren, meist überrascht.
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.
TABINDEX_POSITIVE
- Klicken Sie direkt vor den Anfang der Seite, drücken Sie dann wiederholt Tab und beobachten Sie den Fokusumriss.
- Notieren Sie, wann das im Bericht genannte Element den Fokus erhält, verglichen mit seiner Position auf dem Bildschirm.
- Prüfen Sie, ob die Fokusreihenfolge weiterhin der visuellen und der Lesereihenfolge der Seite folgt.
Bestanden. Der Fokus bewegt sich in einer Reihenfolge durch die Seite, die zu ihrem Layout und ihrer Bedeutung passt.
Nicht bestanden. Der positive tabindex lässt den Fokus aus der Lesereihenfolge springen, was gegen WCAG 2.4.3 (F44) verstoßen kann und der Best Practice widerspricht.