Lorsque l’on rempli un formulaire d’une page web (ou d’une application informatique quelconque) on peut passer au champs suivant avec la touche tab. Parfois, cette navigation n’est pas logique et l’on est obligé de recourir à sa souris.
Pour rendre cette navigation logique, on peut préciser l’ordre avec l’attribut tabindex à qui on donne un nombre entier en paramètre.
L’utilisation de tabindex cumuler à la définition en CSS du sélecteur « :focus » rend la navigation encore plus explicite : ce sélecteur permet d’habiller l’élément qui a est actif, c’est à dire le champs ou se trouve le curseur, le bouton ou le lien sur lequel vous vous trouvez.
Vous pouvez retrouver les détails de ces techniques sur le site du W3C.
