tabindex

L'attribut universel tabindex est un entier indiquant si l'élément peut capturer le focus et si c'est le cas, dans quel ordre il le capture lors de la navigation au clavier. Si plusieurs éléments partagent la même valeur d'attribut tabindex, leur ordre sera calculé en fonction de leur position dans le document. Cet attribut peut prendre l'une des valeurs suivantes :

• Une valeur négative : l'élément peut capturer le focus mais ne peut pas être atteint via la navigation au clavier ;
• 0 : l'élément peut capturer le focus et être atteint via la navigation au clavier, cependant son ordre relatif est défini par la plateforme, généralement selon l'ordre des éléments du DOM ;
• Une valeur positive : l'élément peut capturer le focus et peut être atteint via la navigation au clavier, l'ordre relatif dans la navigation est défini par la valeur de l'attribut. Les navigations seront parcourues dans l'ordre croissant.

Si la valeur de l'attribut est 0, est une valeur invalide, ou que l'élément ne possède pas d'attribut tabindex, l'élément devra être placé après les éléments ayant un tabindex positif dans l'ordre de la navigation au clavier.

Pour plus d'explications sur le fonctionnement du focus, voir cet article.

Exemples

HTML

<button tabindex="1">Un bouton</button>
<textarea>Saisir un texte</textarea>
<button tabindex="2">Un autre bouton</button>
<button tabindex="1">Et un troisième</button>

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi

• La propriété HTMLElement.tabindex qui reflète cet attribut.
• Les différents attributs universels
• Ce billet en anglais sur l'accessibilité et tabindex