Tabindex (HTML -Attribut)

Beschreibung

Der Tabindex wird verwendet, um eine Sequenz zu definieren, die Benutzer befolgen, wenn sie den Registerkarte Taste verwenden, um durch eine Seite zu navigieren. Standardmäßig entspricht die natürliche Tabbing -Reihenfolge mit der Quellreihenfolge im Markup. Unter bestimmten Umständen kann es erforderlich sein, die Standard -Tabbing -Reihenfolge außer Kraft zu setzen. Es wird jedoch dringend empfohlen, eine Seite in einem logischen Fluss zu erstellen und den Browser in der Standardreihenfolge durchzuarbeiten - ein Ansatz, der die Notwendigkeit des Tabindex -Attributs negiert. Ein Tabindex kann bei 0 beginnen und in jedem Wert erhöht. Als solche wäre die Sequenz 1, 2, 3, 4, 5 in Ordnung, ebenso wie 10, 20, 30, 40, 50. Wenn Sie einen Tabindex einführen müssen, ist es ratsam, eine Sequenz zu verwenden, die Intervalle enthält (wie die Zweites Beispiel dafür), da dies Ihnen die Möglichkeit bietet, bei Bedarf andere Steuerelemente später zu injizieren (z. B. 10, 15, 20), ohne alle Tabindex -Werte auf der Seite neu zu richten zu müssen. Sollte ein gegebener Tabindex -Wert auf mehr als ein Element angewendet werden (z. B. alle Links in einem Abschnitt bei einem Tabindex Von „1“ und Sidebar -Links mit einem Tabindex von „2“) entspricht der Tabbing -Reihenfolge dieser betroffenen Elemente der Quell -Markup -Reihenfolge. Viele Menschen werden diesen Ansatz eher als eine Sequenz mit einem definierten Intervall verwenden, wie beispielsweise 5, 10, 15, da zusätzliche Links oder Formularsteuerungen ohne die Kopfschmerzen der Nummern hinzugefügt werden können. Wenn ein Tabindex von "-1" verwendet wird, ist das Element, auf das es angewendet wird, nicht mehr fokussierbar. Wenn ein Tabindex irgendwo auf einer Seite festgelegt ist - auch wenn es sich um den hundertsten Link oder die Fünfzigste Formsteuerung handelt -, beginnt die Registerkartenreihenfolge im Element mit dem niedrigsten Tabindex -Wert und über die Inkremente. Erst dann wird die Registerkarte in den verbleibenden Elementen aufgenommen, für die kein Tabindex festgelegt wurde. Daher muss großer Sorgfalt darauf geachtet werden, dass das Hinzufügen eines Tabindex die Benutzerfreundlichkeit der Seite insgesamt nicht schadet. Wenn das deaktivierte Attribut auf einem Element mit einem TabIndex festgelegt ist, ist dieser Tabindex wird ignoriert.

Beispiel

Der Tabindex ist für den folgenden Link auf "3" gesetzt:

<p>You can try our <a href="cakes.html" <em>tabindex="3"</em>>lovely
     range of cakes</a>.</p>

Wert

Dieses Attribut kann jeden numerischen Wert annehmen.

häufig gestellte Fragen zum Tabindex HTML -Attribut

Was ist der Zweck des Tabindex -Attributs in HTML? Dieses Attribut ist besonders nützlich, um die Zugänglichkeit einer Webseite zu verbessern, da Benutzer, die sich auf die Tastaturnavigation verlassen, in einer logischen und intuitiven Reihenfolge mit der Seite interagieren.

Wie funktioniert das Tabindex -Attribut? Elemente mit einem Tabindex -Wert von 0 sind in der Standardnavigationsreihenfolge enthalten, während Elemente mit einem positiven Tabindex -Wert in der Reihenfolge ihrer Werte navigiert werden. Elemente mit einem negativen Tabindex -Wert werden aus der Standardnavigationsreihenfolge ausgeschlossen. wird am häufigsten für interaktive Elemente wie Links, Formulationseingänge und Schaltflächen verwendet. Die Verwendung des Tabindex-Attributs für nicht interaktive Elemente kann zu einer verwirrenden Navigationserfahrung für Benutzer führen. Daher wird im Allgemeinen empfohlen, dies zu vermeiden.

Wenn Sie keinen Tabindex -Wert für ein Element angeben, ermittelt der Browser die Navigationsreihenfolge basierend auf der Position des Elements im HTML -Dokument. Elemente, die früher im Dokument vorhanden sind, erhalten den Fokus vor Elementen, die später kommen.

Kann ich negative Werte für das Tabindex -Attribut verwenden? Ein Element mit einem Tabindex -Wert von -1 kann immer noch programmgesteuert (z. ? Dies ist besonders wichtig für Benutzer, die sich auf assistive Technologien verlassen, da diese Technologien häufig auf der Tastaturnavigation beruhen. Vermeiden Sie die Verwendung des tabindex-Attributs, das die Verwendung von positiven Werten unnötig verwenden, das Attribut für nicht interaktive Elemente verwenden und einen Tabindex-Wert für interaktive Elemente nicht angeben. Diese Fehler können zu einer verwirrenden oder unzugänglichen Navigationserfahrung für Benutzer führen. Wege. Wenn ein Element beispielsweise einen Tabindex -Wert hat und auch deaktiviert ist (mit dem deaktivierten Attribut), wird das Element aus der Tastaturnavigationsreihenfolge ausgeschlossen.

Ja, Sie können das Tabindex -Attribut mit JavaScript verwenden. Beispielsweise können Sie JavaScript verwenden, um den Tabindex -Wert eines Elements dynamisch zu ändern oder sich programmgesteuert auf ein Element mit einem bestimmten Tabindex -Wert zu konzentrieren.

Wie kann ich die Effektivität meiner Tabindex -Implementierung testen? Wenn Sie alle interaktiven Elemente in einer logischen Reihenfolge erreichen und bedienen können, ist Ihre Tabindex -Implementierung wahrscheinlich wirksam.

Das obige ist der detaillierte Inhalt vonTabindex (HTML -Attribut). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!