Veillez à donner à un élément précis une description ou une forme identique sur chaque page web.
- La cohérence dans les significations visuelles (ex : les icônes) aide les visiteurs qui utilisent un logiciel de synthèse vocale à naviguer dans tout le site et retrouver, sur d’autres pages, les mêmes éléments, avec les mêmes significations.
- Les visiteurs qui ont des difficultés à lire apprécient tout particulièrement les aides visuelles utilisées avec cohérence pour indiquer des fonctions et des sections.
Comment vous y prendre ?
Tous les éléments qui permettent d’exécuter une fonction ou qui sont porteurs d’une certaine signification doivent être indiqués de la même façon et rester cohérents. Il s'agit ici par exemple :
- de textes de boutons ;
- de textes de liens ;
- d’équivalents textuels pour des images qui ont une fonction bien précise (par ex. des icônes)
Exemples d’accessibilité
- Le texte sur le bouton d’une fonction de recherche est identique sur chaque page. Ce sera toujours ‘Chercher’ par exemple, et non pas ‘Trouver’ sur certaines pages.
- Sur un site web où vous pouvez naviguer d’une page à l’autre, il y a une flèche vers la droite qui sert de lien vers la page suivante. L’équivalent textuel pour l’image de la flèche est :
- à la première page ‘aller à la page 2’ ;
- à la page suivante ‘aller à la page 3’ ;
- et ainsi de suite.
C’est un exemple d’indication cohérente. Le texte n’est pas littéralement identique, mais il est construit de la même manière.
- Le visiteur d’un site web peut lire des informations supplémentaires pour certains textes en cliquant sur une icône avec la lettre ‘i’. Sur toutes les pages, l’équivalent textuel de cette icône est ‘plus d’informations’.
- La navigation principale et le pied de page d’une page web contiennent tous deux un lien vers la page de contact. Les deux liens ont le même texte ‘Contact’.
Attention aux significations multiples
Il arrive parfois qu’une icône ou une image apparaisse à plusieurs reprises, mais avec des significations différentes. Un V vert peut par exemple signifier :
- approuvé
- complet
- inclus
Dans ce cas, il est conseillé d’utiliser un autre équivalent textuel qui décrit la signification dans le contexte en question.
Pour les rédacteurs :
Tant le développeur que le rédacteur sont responsables de la cohérence dans l’indication des éléments ayant une fonction identique sur un site web.
Pour les développeurs :
Tant le développeur que le rédacteur sont responsables de la cohérence dans l’indication des éléments ayant une fonction identique sur un site web.