FICHE 14

INFORMATION DE CONTEXTE ET D'ORIENTATION

 

1.Rappel des recommandation 12 et 13 des WCAG 1.0 :

Recommandation 12 :
"Fournir des informations relatives au contexte et à l'orientation pour que les utilisateurs puissent comprendre les éléments et les mises en pages complexes".

Recommandation 13 :
"Prévoir des mécanismes de navigation clairs et cohérents - information d'orientation, barres de navigation, carte du site etc. - de manière à ce qu'un utilisateur puisse trouver ce qu'il cherche sur le site".

Points de contrôle :12.1 (Priorité 2) ;12.2 (Priorité 2) ; 12.3(Priorité 2) ; 12.4(Priorité 2) ; 13.2 (Priorité 2) ; 13.8 (Priorité 3) ; 13.9 (Priorité 3) ; 13.10(Priorité 3)

Raisons de cette recommandation

Les relations complexes entre éléments d'une page peuvent être difficiles à interpréter pour les personnes ayant des difficultés de compréhension ou ayant un handicap visuel. Il est possible d'aider l'utilisateur en groupant les éléments et en fournissant des informations contextuelles sur les relations entre éléments.

2. Ce qu'il faut faire

La règle générale

Fournir des informations relatives au contexte et à l'orientation pour que l'utilisateur puisse comprendre l'organisation d'ensemble et la mise en page.

Titre aux pages

L'utilisation d'un titre sur une page aide les personnes qui naviguent à l'aide d'une synthèse vocale ou d'un terminal braille. En effet, lorsque ces personnes naviguent sur un site composé de plusieurs cadres, elles ne peuvent pas savoir directement qu'elles ont changé de page. Le changement du titre d'une page, annoncé par la synthèse vocale ou affiché en braille, leur permet de savoir qu'elles ont bien changé de page. D'autre part, les pages avec titres permettent une meilleure indexation par les moteurs de recherche.
Chaque document HTML doit comporter un élément "title" dans la section <HEAD>

Exemple :

<HTML>
<HEAD>
<TITLE>Le Débat National sur les Risques Industriels</TITLE>
…
</HEAD>

Cadres

Donner un titre à chaque cadre afin de faciliter l'identification et la navigation entre les cadres (voir fiche Cadres).

Blocs d'information

Diviser les grands blocs d'information en groupes plus petits et plus facilement maniables.

Utiliser la technique dite "structural grouping" : (http://www.w3.org/TR/WCAG10-HTML-TECHS/#grouping). Cette technique permet de regrouper les éléments de formulaire en groupes sémantiques.
Utiliser OPTGROUP pour formater de longues listes d'options en petits groupes.

Donner des titres structurés avec la balise "h1-h6" et diviser les textes en paragraphes avec la balise "p".

Méta-données

Prévoir des méta-données pour ajouter des informations d'ordre sémantique aux pages et aux sites, selon la technique décrite par WAI :
http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-meta

Parmi les méta données, on compte :

- le titre de la page, (élément title vu précédemment),
- l'élément "adress" donne des informations sur le créateur
de la page,
- et les éléments "meta".

Les méta-données sont notamment utiles aux moteurs de recherche pour mieux indexer les pages.

Informations sur les regroupements de documents

Fournir des informations sur les regroupements de documents (ex : utiliser LINK, rev, rel). On pourra se reporter aux techniques sur " bundled documents " : http://www.w3.org/TR/WCAG10-CORE-TECHS/#bundled-documents et sur " link element and navigation tool " http://www.w3.org/TR/WCAG10-HTML-TECHS/#link-metadata

Informations distinctives

Placer des informations distinctives au début des en-têtes, des paragraphes, des listes (ex : utiliser front-loading).

Art ASCII

Prévoir des moyens de s'affranchir de l'art ASCII. Voir la technique correspondant à l'art ascii http://www.w3.org/TR/WCAG10-HTML-TECHS/#ascii-art

3.Exemples rencontrés sur les sites évalués

  • Un bon exemple : le site du Ministère de l'Environnement (www.environnement.gouv.fr) donne un titre explicite à la plupart de ses pages.

retour aux fiches