Wann ist es 'falsch', Tabindex = 0 auf nicht-interaktiven Inhalt zu setzen?

"Wann ist es falsch, Tabindex = 0 auf nicht-interaktiven Inhalt zu setzen?"Antwort: Immer. Es wird auch in der MDN -Dokumentation verwiesen. Nicht, dass ich Ihnen jedoch nicht zustimme: Interaktive Elemente sollten nicht fokussierbar sein.

1. Sollte Tabindex nur im interaktiven Element deklariert werden?
2. Was ein Beispiel für die Verwendung des Tabindex -Attributs ist, kann Probleme verursachen?
3. Was ist der Unterschied zwischen Tabindex 0 und Tabindex =- 1?

Sollte Tabindex nur im interaktiven Element deklariert werden?

Sie müssen Tabindex in einem untergeordneten Element nicht deklarieren, vorausgesetzt, sein übergeordnetes Element ist ein interaktives Element. Ein Beispiel hierfür wäre ein Spannelement, das innerhalb einer Taste verschachtelt ist: Das Vorhandensein des Tabindex -Attributs in diesem Code -Beispiel würde die Reihenfolge interaktiver Elemente auf unlogische Weise beeinflussen.

Was ein Beispiel für die Verwendung des Tabindex -Attributs ist, kann Probleme verursachen?

Zugänglichkeitsbedenken

Vermeiden. Ein Beispiel hierfür wäre eine Verwendung a <div> Element, um eine Schaltfläche anstelle der zu beschreiben <Knopf> Element.

Was ist der Unterschied zwischen Tabindex 0 und Tabindex =- 1?

Tabindex = "0" ermöglicht es auch, dass Elemente neben Links und Formularelemente den Tastaturfokus empfangen. Es ändert nicht die Registerkarte, sondern platziert das Element in den logischen Navigationsfluss, als wäre es ein Link auf der Seite. Tabindex = "-1" entfernt das Element aus der Navigationssequenz, kann jedoch mit JavaScript fokussiert werden.