Et si on pouvait naviguer sur un site Web en utilisant des touches du clavier. C’est maintenant possible ! Deux balises permettent en effet cette avancée : accesskey et tabindex. Tout ce que vous avez toujours voulu savoir sur accesskey et tabindex…

accesskey assigne un caractère du clavier à n’importe quel élément HTML, y compris les liens, les boutons et les champs textuels. Il suffit alors d’appuyer sur une touche du clavier pour activer l’élément en question.

tabindex précise l’ordre selon lequel un visiteur sélectionne des éléments HTML par appui successif sur la touche Tab.

Vous pourriez vous demander pourquoi il serait utile de naviguer sur un site Web avec le clavier alors que l’on a la souris pour cela. Il s’agit d’une question d’accessibilité. En effet, certaines personnes, pour des raisons de handicap ou étant donné les circonstances, ne peuvent pas utiliser la souris. Par ailleurs, les mal-voyants ou non-voyants utilisant un navigateur à lecture séquentielle apprécieront de sauter certains passages de votre page Web pour aller directement à ce qui les intéresse.

Exemples d’utilisation :

• <a href="contact.htm" title="Nous contacter" accesskey="C">Nous contacter</a>. Dans ce cas, le fait d’appuyer simultanément sur Alt et la touche C du clavier vous envoie directement sur la page contact.htm (ou bien il faut également valider avec la touche Entrée dans certains navigateurs). On peut également utiliser divers chiffres pour chaque option de son menu de navigation.
• <a href="contact.htm" title="Nous contacter" tabindex="1">Nous contacter</a>. Ici, le premier appui sur la touche Tab active le lien et il faut ensuite valider avec la touche Entrée pour aller sur la page contact.htm. On peut ensuite utiliser tabindex= »2″, tabindex= »3″, etc. pour ses autres liens ou éléments HTML.

Cette technique est donc relativement simple et on aurait tort de s’en priver car elle rend la navigation dans les pages un peu plus accessible.