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

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de 'tabindex' dans cette spécification.
Standard évolutif Aucune modification depuis la dernière dérivation, HTML5.1
HTML5.1
La définition de 'tabindex' dans cette spécification.
Recommendation Dérivée de WHATWG HTML Living Standard, aucune modification depuis HTML5
HTML5
La définition de 'tabindex' dans cette spécification.
Recommendation Dérivée de WHATWG HTML Living Standard. À partir de HTML 4.01 Specification, l'attribut est désormais supporté sur tous les éléments, c'est un attribut global à part entière.
HTML 4.01 Specification
La définition de 'tabindex' dans cette spécification.
Recommendation Attribut uniquement supporté sur <a>, <area>, <button>, <object>, <select>, et <textarea>.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui) (Oui) (Oui) (Oui) (Oui)
Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight, Le_suisse, Goofy
 Dernière mise à jour par : SphinxKnight,