Position relative, autoliens et couleurs (tabac.gouv.fr)

Date de publication : 2007-04-12, par Patrice Bourlon - lien permanent

Quelques observations sur le système de navigation du site tabac.gouv.fr, concernant 3 points principaux :

le système indique-t-il à l'utilisateur sa position relative dans le site ?
le système mis en œuvre évite t-il les autoliens ?
si les couleurs servent à véhiculer une information dans le système de navigation, que se passe-t-il couleurs désactivées ?

Position relative

Sur cette page, le système de navigation ne permet pas de se localiser dans le site. Aucun des procédés habituels n'est utilisé (onglet sélectionné d'apparence différente, fil d'Ariane, lien vers la page en cours désactivé, etc.) ; seul le title de la page, affiché dans la barre de titre du navigateur, permet de savoir que l'on est sur la page "Lieux de convivialité" ; cette barre n'étant pas dans la zone de lecture, c'est nettement insuffisant.

Autoliens et couleurs

Sur cette autre page, le système de navigation indique à l'utilisateur sa position relative dans la sous-rubrique "Questions-réponses", par une mise en couleur différente du lien sélectionné dans le menu de gauche. La manière dont ce procédé est mis en œuvre pose cependant quelques problèmes en terme d'accessibilité. En effet, les utilisateurs utilisant un navigateur ou une aide technique, ne "supportant" pas les feuilles de style ou les couleurs, perdront les informations de position relative dans le site : le lien "Entreprises" est un lien actif (autolien) et sans les feuilles de style, rien ne le distingue des autres liens dans le sous-menu (voir même page sans les feuilles de style).

Bonnes pratiques

Tout d'abord, éviter les autoliens (Cf. à ce sujet "The Ten Most Violated Homepage Design Guidelines" de Jakob Nielsen et "Where Am I?" de Derek Powazek). Ensuite, s'assurer que toutes les informations véhiculées par la couleur, restent disponibles, couleurs désactivées : ce critère est particulièrement sensible pour le système de navigation (Cf. point de contrôle WCAG 1.0 2.1 et Critère AccessiWeb® 3.1).