Le 1er janvier dernier, galvanisé par la perspective des résolutions du nouvel an, je prenais l’engagement de présenter une série de conseils à appliquer ou desquels tenir compte pour améliorer l’accessibilité de vos sites Web. Ayant surtout été mobilisé par l’arrivée de WCAG 2.0 ces dernières semaines (avec une traduction officielle sur le point de sortir du four), il est maintenant temps de commencer à honorer cet engagement et de vous offrir la première d’une longue série de capsules.

Fournir des métadonnées pour ajouter l’information sémantique

Fiche technique

Se rapporte à l’élément suivant de WCAG 2.0 :

  • Principe : Utilisable
  • Règle : 2.4 (navigable)
    • Énoncé : Fournir à l’utilisateur des éléments d’orientation pour naviguer, trouver le contenu et se situer dans le site.
  • Critère de succès : 2.4.2 (des titres de page)
    • Critère : Les pages Web présentent un titre qui décrit le sujet ou le but des pages.
    • Niveau de priorité : A

Contexte

L’intention de ce critère de succès consiste à fournir à une page Web un titre qui en décrit le sujet ou le but afin d’aider l’utilisateur à s’y orienter et à retrouver l’information qu’il recherche. Lorsqu’il est adéquatement présenté, le titre permet à l’utilisateur de rapidement identifier l’emplacement d’une page dans une structure de site Web et ce, sans avoir à en parcourir le contenu. Lorsque ces titres apparaîssent dans les plans de sites, les résultats de recherche ou, simplement, dans l’agent utilisateur (navigateur Web, outil d’adaptation informatique ou autre), l’utilisateur peut aisément identifier le contenu qui lui est proposé et déterminer si celui-ci correspond à ses attentes. Par exemple, dans le cas d’un navigateur Web, le titre en question serait affiché tout en haut de la fenêtre, au dessus des différentes barres d’outils.

Bénéfices

  • Ce critère de succès bénéficie à tous les utilisateurs en leur permettant d’identifier rapidement et aisément si le contenu proposé dans une page Web correspond effectivement à leurs besoins ou leurs attentes.
  • Les personnes ayant une déficience de la vue seront en mesure de différencier rapidement et aisément le contenu d’un page par rapport à une autre lorsque plusieurs pages Web seront ouvertes.
  • Les personnes ayant une limitation au plan cognitif, aux prises avec des capacités de mémorisation à court-terme limitées ou des difficultés de lecture obtiennent aussi un coup de pouce dans l’identification du contenu d’une page.
  • Ce critère de succès s’avère également utile pour les personnes ayant de sévères limitations au plan de la mobilité, et dont les modes d’utilisation sur le Web reposent principalement sur le support audio lors de la navigation entre les pages.

Concrètement...

Certains d’entre vous auront reconnus qu’il s’agit tout simplement de l’élément HTML obligatoire <title>, utilisé dans la portion <head> d’un document HTML et qui affiché ou interprété dans la barre de titre d’un agent utilisateur.

Note : À ne pas confondre avec les éléments HTML <h1> à <h6>, qui sont définis comme des en-têtes de sections ou de sous-sections et non comme des titres.

À éviter !

Quelques exemples fréquents d’utilisation erronée ou maladroite de l’élément <title> dans une page Web :

  1. Inclure du texte qui ne constitue pas un titre adéquat comme par exemple, le nom du fichier ou du projet.
  2. Oublier de modifier les titres de document générés automatiquement par les outils d’édition HTML :
    • Insérer le titre de votre document ici
    • Document sans titre
    • Pas de titre
    • Page sans titre
    • Nouvelle page 1
    • Etc.
  3. Un site généré à partir de gabarits qui incluerait le même tite pour toutes les pages, rendant du coup impossible le fait de distinguer les contenus les uns des autres.

Au Québec

Dans SGQRI-008 (Standard du gouvernement du Québec sur les ressources informationnelles), le projet de standard d’accessibilité du l’Administration publique québécoise, ce critère de succès touche les exigences suivantes :

  • 01 - 5, a : Une page Web doit avoir un titre distinctif qui reflète son contenu et qui est indiqué à l’aide de la balise <title>.
  • 02 - 8, a : Un document téléchargeable doit avoir un titre distinctif qui reflète son contenu.
  • 03 - 6, a : Un objet multimédia doit avoir un titre distinctif qui reflète son contenu.

Pour plus d’informations...

Consultez la fiche technique sur le site Web de la Communauté de pratique sur l’accessibilité du Web (CoPAW), une initiative d’AccessibilitéWeb et de l’Institut Nazareth et Louis-Braille, au : www.accessibiliteweb.org/bdc/directives/theme/structure#pc13_2.

En attendant la prochaine capsule où je couvrirai le conseil traitant des en-têtes de section pour spécifier la structure d’un document Web, je vous invite bien humblement à fournir des métadonnées pour ajouter de l’information sémantique à vos pages, si ce n’est déjà fait.