Gallimedia, agence web - conception, réalisation et déploiement de téléservices
(Avancée)
Recherche
Libre
Mot-clé

L'accessibilité 3 - Les médias de votre site

Les illustrations et documents d'information que vous mettez à disposition du public sur votre site internet constituent un point primordial en matière d'accessibilité. Explications et mises en garde.

pictoLe problème des éléments non textuels : l’exemple des navigateurs vocaux

Les personnes mal voyantes peuvent utiliser un navigateur vocal pour consulter votre site internet. Ce navigateur lit le code HTML d’une page web et restitue oralement les informations qu’elle contient. Cependant, pour ce faire, un navigateur vocal a besoin de texte rédigé dans le corps du contenu. En effet, les éléments non textuels ne peuvent être traduits oralement par le navigateur vocal. Ce dernier ne pourra pas "lire" une image. Or l’accessibilité exige que l’internaute puisse accéder à la même information quelle que soit sa situation, son handicap ou son équipement informatique. Cela implique certaines contraintes rédactionnelles pour les éléments non textuels (images, documents à télécharger...) que vous insérez dans les pages de votre site.

pictoLes images

Des pages contenant des illustrations sont plus agréables à l’oeil pour l’internaute lambda. Mais elles ne sont pas visibles par tous. Ces images peuvent être de deux ordres.

  • Des images à but d’illustration
    Une page web parle par exemple d’une personne, d’un bâtiment. Placer en regard une photo pour illustrer est une bonne idée, à condition que ces images soit "légendées" à l’aide du champ "texte de remplacement". On écrira par exemple pour la photo d’une mairie "photo de l’hôtel de ville de Macommune".
    Le champ "texte de remplacement" sera lu par le navigateur vocal. L’internaute qui ne pourra pas la "regarder" saura néanmoins qu’une image dans la page la représente.
    Voici ci-dessous où renseigner le texte alternatif dans le corps du contenu, en back-office d’un site CapInfo.

    Champ alternatif dans les propriétés d’image

  • Des images contenant de l’information
    S’il s’agit d’un élément visuel significatif ou important dans la compréhension d’une page, il faut que la page web contienne ces mêmes informations sous forme textuelle. Par exemple, si une affiche annonce un prochain événement en précisant lieu, date, numéro de téléphone etc., il faut que ces mêmes informations soient répétées textuellement dans la page. En effet, il ne faut pas que l’image soit le seul moyen d’accéder à l’information. L’internaute qui ne voit pas l’affiche doit être en mesure de savoir malgré tout quand a lieu l’événement.

pictoLes documents PDF, Word, etc.

De même que pour les images contenues dans les pages web, l’information ne doit pas être accessible uniquement par le biais du téléchargement de documents.

La plupart du temps les documents à destination du public sont avant tout pensés pour le support papier (programme, flyer, magazine...). Quant il s’agit de transposer ces documents sur le support web, il est tentant de réutiliser ces mêmes documents et de les proposer tels quels au téléchargement. Cependant cette méthode, si elle permet de gagner du temps, n’est pas très efficiente en matière d’ergonomie, de convivialité et d’accessibilité. Aussi, l’information doit être autant que possible détaillée dans des pages web. Le document à télécharger ne venant qu’en complément.

En définitive, qu’il s’agisse d’images ou de documents à télécharger, la question qu’il convient de se poser à chaque fois est la suivante : est-ce que l'internaute mal voyant et l'internaute bien voyant accèdent à la même information avec ou sans images/documents ?


 | 
 |