La navigation à l'intérieur d'un site Web est un des principaux outils pour accéder à l'information. Afin d'être comprise et utilisable par tous, elle doit être évidente et instinctive. Les règles d'accessibilité qui suivent peuvent être étudiées et appliquées dès la conception graphique d'un site.

Cohérence

Selon les standards WCAG 2.0 du W3C, niveau AA :

En d’autres mots, les éléments de navigation (menu, fil d’Ariane, etc.) devraient se trouver à des emplacements identiques à travers toutes les pages d’un même site. De plus, leur style graphique devrait être similaire de page en page, voire identique (mis à part d’exceptions comme les états de survol changeants).

Variété

Selon les standards WCAG 2.0 du W3C, niveau AA :

Ainsi, un utilisateur qui ne saisit pas comment utiliser une méthode de navigation devrait pouvoir se tourner vers une deuxième. Voici des exemples de quelques moyens de navigation  :

  • Menus de navigations
  • Table des matières
  • Plan du site
  • Moteur de recherche

Repères

Selon les standards WCAG 2.0 du W3C, niveau AAA :

En d’autres mots, un utilisateur navigant dans une page Web devrait être en mesure d’identifier son emplacement par rapport à la hiérarchie du site. Plusieurs méthodes peuvent être utilisées, entre autres :

  • Posséder un plan du site (le lien pour y accéder doit être facilement repérable)
  • Intégrer un fil d’Ariane
  • Styliser la section courante dans le menu de façon visuelle et textuelle (l’identification textuelle peut être placée comme texte de remplacement d’une petite icône ou rendue invisible à l'oeil mais visible pour les lecteurs d'écran)

En-têtes hiérarchisés

Selon les standards WCAG 2.0 du W3C, niveau AAA :

Ainsi, une page devrait être divisée à l’aide d’en-têtes (titres décrivant le contenu suivant). Ces en-têtes facilitent la recherche de contenu et sa compréhension. Visuellement, il est préférable que les en-têtes soient bien distincts du contenu (différence de couleur, de taille, etc.).

Mécanisme de contournement

Prenez note que les pages structurées à l’aide d’en-têtes hiérarchisés peuvent faire fi des règles suivantes, à condition que l’en-tête de niveau 1 soit placée au début du contenu principal de la page, à la suite de la navigation.

Selon les standards WCAG 2.0 du W3C, niveau A :

En d’autres mots, un lien en image ou en texte menant au premier élément de contenu devrait être présent au tout début d’une page Web. Ce lien permet aux visiteurs utilisant des lecteurs vocaux d’éviter la redondance de lecture des menus et de tout contenu répété à chaque page. Ce lien n’a pas besoin d’être visible. Par contre, certains sites aiment le mettre en valeur, et il est à vous de prendre la décision de l’afficher ou non.