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.
Le 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.
Les 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.
-
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.
Les 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
?