Catégories
accessibilité Technologie

WCAG : tabindex, rendre pratique la navigation avec le clavier

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.

panorama valberg
panorama valberg

Par Nathanaël Martel

Développeur Web, défenseur de la culture libre et du revenu de base