Liens d'évitement et navigation au clavier sur Issy.com
Date de publication : 2007-04-16, par 
Patrice Bourlon - lien permanent
Qu'appelle-t-on un lien d'évitement ? La plupart du temps, on désigne ainsi un lien hypertexte permettant d'accéder directement au contenu informationnel d'une page, en sautant les liens de navigation (les menus) présents sur cette page ; ces liens ont souvent pour intitulés "Aller au texte", ou "Aller au contenu", ou "Sauter la navigation"...
Plus généralement, un lien d'évitement, comme son nom l'indique, est un lien qui permet d'accéder directement à un contenu sur une page, en sautant d'autres contenus (comme par exemple, les liens "ancres" qu'on peut trouver sur certaines pages longues).
Pour quels usages ? Ces liens sont particulièrement utiles aux personnes utilisant le clavier ou une aide technique pour parcourir les pages Web - comme le sont également d'autres dispositions d'accessibilité comme la structuration des pages avec les balises de titrage HTML (h1-h6), ou encore les raccourcis clavier (accesskeys), etc.
En effet pour ces personnes, l'accès à une information de la page se fait de façon linéaire et non pas directe comme on le fait avec une souris. Ainsi, pour les utilisateurs souffrant de certains types de handicaps moteurs, c'est la touche tabulation qui leur permet prioritairement de se déplacer dans la page, d'un lien à l'autre, d'un champ de formulaire à un autre...
Exemple de page peu navigable avec le clavier
Sur la page Actualités du site ![[Lien externe]](/images/extlnk.gif){kind=small}
Issy.com, si je suis intéressé par l'article "Issy au secours des Oliviers multiséculaires !" et que pour une raison ou une autre, je ne peux utiliser que le clavier de mon ordinateur pour naviguer sur cette page, il me faudra faire 102 tabulations pour accéder à l'article !
La présence, en haut de page d'un lien d'évitement "Aller au contenu" me permettrait avec un nombre très réduit d'actions d'accéder directement au début des articles mis en une de cette page.
La page est par contre assez bien structurée avec les balises de titrage h1-h6. Si mon aide technique me le permet, je pourrai naviguer de titre en titre pour atteindre l'article souhaité : cela me demandera 4 sauts successifs pour atteindre ce premier article à la une de la page, ce qui reste acceptable. De façon annexe, il faut noter que les balises de titrage ne sont pas correctement implémentées sur cette page : il manque une balise h2 sous la balise h1 "Toutes les actualités".
Références
Liens d'évitement :
Balises de titrage h1-h6 :
