HTML
Tabindex
Recherche…
Paramètres
| Valeur | Sens |
|---|---|
| négatif | l'élément sera focalisable, mais il ne devrait pas être accessible via la navigation séquentielle au clavier |
| 0 | l'élément sera focalisable et accessible via la navigation séquentielle au clavier, mais son ordre relatif est défini par la convention de la plateforme |
| positif | l'élément doit pouvoir être focalisé et accessible via la navigation séquentielle au clavier; son ordre relatif sera défini par la valeur de l'attribut: le séquentiel suit le nombre croissant du tabindex |
Remarques
La valeur maximale de tabindex ne doit pas dépasser 32767, conformément à la section 17.11.1 du W3C. Sauf si la valeur par défaut spécifiée est -1
Un élément avec une valeur de 0, une valeur non valide ou aucune valeur tabindex doit être placé après les éléments avec un index positif dans l'ordre séquentiel de la navigation au clavier.
Ajouter un élément à l'ordre de tabulation
<div tabindex="0">Some button</div>
Remarque: Essayez d'utiliser un HTML natif button ou a étiquette , le cas échéant.
Supprimer un élément de l'ordre de tabulation
<button tabindex="-1">This button will not be reachable by tab</button>
L'élément sera supprimé de l'ordre de tabulation mais sera toujours focalisable.
Définir un ordre de tabulation personnalisé (non recommandé)
<div tabindex="2">Second</div>
<div tabindex="1">First</div>
Les valeurs positives insèrent l'élément à la position de tabulation de sa valeur respective. Les éléments sans préférence (c.-à-d. tabindex="0" ou les éléments natifs tels que le button et a ) seront ajoutés après ceux qui ont la préférence.
Les valeurs positives ne sont pas recommandées car elles perturbent le comportement attendu de la tabulation et peuvent induire en erreur les utilisateurs de lecteurs d’écran. Essayez de créer un ordre naturel en réorganisant votre structure DOM.
