L'accessibilité numérique dans vos enseignements

Lorsque vous intégrez une image dans votre cours Moodle, dans un site Web, dans un mail ou un document Word par exemple, vous avez la possibilité de l'accompagner d'un texte alternatif, aussi appelé texte de remplacement. Il s'agit d'un texte qui va être lu par un lecteur d’écran^[1], en remplacement d’une image. Il permet d’apporter une description d’un élément visuel ne pouvant être perçu par les personnes malvoyantes. Il est donc essentiel de bien le rédiger, afin de s’assurer que ces personnes disposent du même contexte qu’une personne voyante.

Le raisonnement pour déterminer le contenu du texte alternatif reste toujours le même. Un texte alternatif doit pouvoir remplacer l'image. Il dépend du contexte. Le contenu de la page doit avoir du sens et être complet quand on remplace toutes les images par leur texte alternatif.

Ce texte doit être correctement rédigé afin que tous les utilisateurs, qu'ils soient porteurs de handicap ou non, aient accès au même niveau d'information.

Par image complexe, on entend graphiques, cartes, organigrammes, infographies, ou tout élément graphique pour lequel un texte de remplacement d'environ 80 caractères ne suffit pas.

Pour ce type d'images, il faut d'une part fournir un texte de remplacement succinct qui indique de quoi il s'agit, par exemple « organigramme du conseil d'administration » ou « évolution de l'accessibilité des sites web de 2011 à 2016 ».

D'autre part, il faut fournir une version textuelle de l'image. Il peut s'agir d'une description sous forme de texte, ou d'un tableau de données. L'information contenue dans cette version textuelle doit être la même que celle qui est disponible dans l'image complexe. Elle doit être facile à trouver et il faut que la description identifie clairement l'image à laquelle elle se rapporte. Il peut s'agir d'un texte sur la même page, ou d'un lien qui renvoie vers une autre page.

Les textes de remplacement des images comportant des graphiques avec des données devraient permettre d’interpréter le graphique. Par exemple, le texte de remplacement du graphique ci-dessous pourrait être :

Répartition de la population dans la ville :

• Nord : 45 % ;

• Sud : 15 % ;

• Est : 6 % ;

• Ouest : 34 %.

Vous trouverez sur le site de l’INSEE des exemples intéressants de courbes dont l'alternative sous forme de tableau apporte une autre manière plus accessible de présenter les informations. De plus, ce format permet la retranscription par un lecteur d'écran^[1].

L'exemple de gauche ci-dessous illustre un problème de couleurs trop proches, avec une légende latérale que certaines personnes auront du mal à analyser. L'exemple de droite montre qu'on peut choisir des couleurs plus contrastées ou utiliser des textures pour mieux distinguer les données.

Dans l'exemple ci-dessous, on constate qu'il est parfois préférable de localiser un élément avec une flèche ou un trait, d'utiliser des lignes plus épaisses et de choisir des pointillés plutôt que des couleurs proches.