Exemples

Remarque

Cette page donne un certain nombre d'exemples de mise en situation.

Ici nous avons utilisé un lecteur d'écran afin d'enregistrer les informations délivrées à un utilisateur en situation de handicap visuel.

ExempleTitres explicites

Titres non accessibles

La synthèse vocale de la Revue de titre[1] énonce :

  • « Dissection aortique » (titre de la page),

  • « Développé » (indique qu'il existe des sous-titres dans cette section),

  • « Méthode » (titre du bloc),

  • « Définition » (titre du bloc),

  • « Définition » (titre du bloc),

  • « Définition » (titre du bloc).

Si plusieurs titres possèdent le même intitulé cela ne permet pas d'accéder efficacement à l'information.

Titres accessibles

La synthèse vocale de la Revue de titre[1] énonce :

  • « Dissection aortique » (titre de la page),

  • « Développé » (indique qu'il existe des sous-titres dans cette section),

  • « Méthode » (titre du bloc),

  • « Définition : Chirurgie cardiaque » (titre du bloc),

  • « Définition : Circulation extra-corporelle » (titre du bloc),

  • « Définition : Sternotomie médiane » (titre du bloc).

L'information délivrée est ici suffisante.

ExempleParagraphes

Dans les deux exemples la même information est proposée.

Ceci est un exemple de ce qu'il ne faut pas en terme de structuration de l'information au sein d'une page web.
Contre-exemple de structuration

Il est difficile ici de comprendre que l'on traite plusieurs informations distinctes.

Notamment dans le cadre de l'utilisation d'un lecteur d'écran[2] la revue de titres[1] permet d'accéder rapidement à l'ensemble des informations traitées dans la page, en l'absence de titre l'utilisateur est contraint d'écouter la totalité du contenu.

Ceci est un exemple de ce qu'il convient de faire pour structurer son information au sein d'une page web.
Exemple de structuration

Ici l'information est plus immédiatement accessible. Il est donc important de structurer son contenu en paragraphes courts dotés de titres.

ExempleListes

Comptabilité :

* J. Baptiste,

* N. Martin.

Liste non accessible

La synthèse vocale énonce :

  • « Comptabilité : »,

  • « Astérisque J Baptiste »,

  • « Astérisque N Martin ».

La notion de liste n'est pas énoncée.

Comptabilité :

  • J. Baptiste,

  • N. Martin.

Liste accessible

La synthèse vocale énonce :

  1. « Comptabilité deux points »,

  2. « Liste avec deux éléments »,

  3. « puce J Baptiste »,

  4. « puce N Martin »,

  5. « Hors de liste  ».

Outre le fait de proposer une représentation mentale de la structure de l’information délivrée, cela permet de passer directement d'un intitulé de puce à un autre dans le cas de listes à plusieurs niveaux ou de listes proposant pour chaque puce des informations longues associées.

CAPA Paternité