# Guide AccessiWeb

vous êtes ici : Accueil > Fiches AccessiWeb : Structuration de l'information > Fiche 9.1

## Fiche 9.1 : Est-ce que la structuration de l'information est cohérente par rapport au contexte général du site ?"

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

### Carte d'identité

- Critère AccessiWeb : 9.1
- Niveau AccessiWeb : bronze
- Point(s) de contrôle WCAG 1.0 correspondants (Priorité 1 de WAI) : 14.1

revenir en haut de la page

### Comprendre

#### Bénéfices pour les utilisateurs

- Bénéfice 1 :
  Le respect de ce critère permet d'offrir un contenu correctement structuré et cohérent. Il permet ainsi une meilleure acquisition du message. Ce critère est utile pour les personnes ayant des difficultés de compréhension comme c'est le cas pour la déficience auditive, des handicaps cognitifs, de jeunes internautes ou encore des personnes dont le français n'est pas la langue maternelle.

#### Valeur ajoutée pour le site

Il n'y a pas d'élément d'information pour cette rubrique.

revenir en haut de la page

### Comment évaluer

#### Par le code source

Ce critère n'est pas évaluable par l'étude du code source.

#### Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

##### Evaluer avec la barre AccessiWeb (version 1.0) :

Ce critère n'est pas évaluable par la barre AccessiWeb.

##### Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :

Ce critère n'est pas évaluable par la barre d'accessibilité AIS version 1.2 pour IE.

##### Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :

Ce critère n'est pas évaluable par la barre d'outils Web Developer version 1.0.2 pour Firefox.

##### Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :

Ce critère n'est pas évaluable par le lecteur d'écran Jaws.

revenir en haut de la page

### Comment mettre en oeuvre

#### Qui est concerné ?

Le graphiste et le responsable éditorial doivent veiller à la bonne structuration générale du site.

#### Implémentation

Ceci implique de réfléchir en amont à l'organisation des pages, en conciliant le niveau de priorité à donner à chaque information et ce à quoi l'utilisateur peut s'attendre en accédant au site.
Remarque : le même soin doit être apporté à toutes les pages, car le point d'entrée sur le site n'est pas nécessairement la seule page d'accueil.

#### Exemple de mauvaise pratique

- Dans un formulaire, placer le bouton de validation au-dessus des champs de saisie. Par exemple :

  <form action="..." method="...">
  <input type="submit" value="lancer la recherche" />
  <label for="rech_libre">Recherche libre</label> <input type="text" name="rech_libre" id="rech_libre" />
  <label for="langue">Sélectionner une langue</label>
  <select id="langue">
  <option selected="selected">Français</option>
  <option>Anglais</option>
  <option>Allemand</option>
  </select>
  </form>

- Dans un article, placer une publicité au milieu de l'article (dans une lecture linéaire, on pourrait penser que l'article se termine à la publicité).
- Mettre le moteur de recherche tout à la fin dans le code source, de sorte qu'une personne lisant de manière linéaire devra lire entièrement la page pour le trouver.

#### Exemple de bonne pratique

En reprenant les mauvais exemples cités ci-dessus, on peut corriger le tir de la manière suivante :

- Placer le bouton de validation comme dernier élément d'un formulaire.
- Faire en sorte que l'image publicitaire n'interrompe pas la lecture d'un article.

  <form action="..." method="...">
  <label for="rech_libre">Recherche libre</label> <input type="text" name="rech_libre" id="rech_libre" />
  <label for="langue">Sélectionner une langue</label>
  <select id="langue">
  <option selected="selected">Français</option>
  <option>Anglais</option>
  <option>Allemand</option>
  </select>
  <input type="submit" value="lancer la recherche" />
  </form>

- Placer le moteur de recherche le plus tôt possible dans le code source de la page afin qu'il puisse être plus rapidement trouvé par une personne procédant à une lecture linéaire.

revenir en haut de la page

### Illustrations

Cette capture d'écran montre un exemple de formulaire où l'ordre d'apparition des champs et boutons ne respecte pas l'organisation de l'information.

Cette capture d'écran montre un exemple de formulaire où l'ordre des champs et boutons respecte l'organisation de l'information et de la procédure de remplissage.

revenir en haut de la page

### Références

#### Autres fiches à consulter

- Fiche 9.2 : La page web est-elle structurée de manière cohérente ?
- Fiche 12.1 : La navigation dans l'ensemble des pages du site est-elle cohérente ?
- Fiche 12.2 : Le menu principal de navigation interne dans le site est-il toujours présent à la même place dans les pages ?

#### Autres ressources

- html Techniques (section 1.2) : Structural grouping
- html Techniques (section 4) : list
- blog-and-blues.org : Perception de la structure d'une page Web par un handicapé visuel
- tecfa.unige.ch : Aborder HTML : ce n'est pas un traitement de texte

revenir au sommaire de la fiche

revenir en haut de la page

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact