Créer des ressources accessibles : En-têtes et titres

Une bonne utilisation des titres et des en-têtes permet de structurer votre contenu et d’améliorer la navigation pour tous les utilisateurs, y compris ceux qui utilisent des technologies d’assistance. Des titres clairs et bien organisés facilitent la compréhension de la hiérarchie de la page et permettent de trouver rapidement les informations pertinentes. Cet article présente les meilleures pratiques en matière d’utilisation des titres et des en-têtes afin d’améliorer l’accessibilité et l’expérience des utilisateurs.

Exigences

• Les informations, la structure et les relations véhiculées par la présentation doivent être déterminées de manière programmatique ou disponibles dans le texte.
  • Le texte qui fonctionne comme un titre visuellement ou structurellement doit être marqué comme un véritable titre (par exemple, <h1>, <h2>, etc.) dans le balisage.
  • Le texte qui ne fonctionne pas comme un titre visuellement ou structurellement ne doit pas être marqué comme un titre.
• Les titres doivent être précis et informatifs, et désigner clairement les sections de texte qu’ils décrivent.
• La page <title> doit être présentée et doit contenir du texte.
• La page <titre> doit être précise et informative.
• La page <title> des pages dynamiques (par exemple, dans les applications à page unique) DOIT être mise à jour lorsque l’objectif de la page change.

Exemples

	OUI : Des titres correctement marqués avec un étiquetage précis et informatif
	NON : Un site généré à l’aide de modèles ne comporte pas de titre pour chaque page du site. Le titre ne peut donc pas être utilisé pour distinguer les pages.