Bien rédiger un texte alternatif
Définition :
Le texte alternatif, texte de remplacement, ou ALT, est 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.
Quelques règles à suivre pour rédiger un texte de remplacement efficace
Il n’est pas nécessaire de mettre « Image de » au début d'un texte de remplacement : le lecteur d’écran reconnait automatiquement qu’il s’agit d’une image grâce au code HTML de celle-ci, et va donc préciser à l’utilisateur que c’en est une. Le mettre à nouveau induirait une répétition inutile.
Toutes les images ne nécessitent pas de texte alternatif. Il n'est donc pas requis d'ajouter une balise de texte alternatif pour une image uniquement décorative car elle n'est pas porteuse d'information.
Le texte alternatif que vous rédigerez dépendra du contexte dans lequel votre image est présentée. Lorsque vous rédigez le texte, demandez-vous ainsi « Pourquoi ai-je choisi d'ajouter cette image ? Quelles informations fournit-elle aux utilisateurs ? ». En effet, selon les outils que vous utilisez, vous pourrez vous retrouver limité dans la quantité de texte alternatif que vous pourrez écrire, il faut donc aller à l'essentiel sans omettre les informations importantes.
En cas d’image complexe (graphique, schéma), il faudra proposer une alternative avec une description détaillée, et pas juste une phrase en balise alt.
Si l'image est constituée uniquement de texte, le texte alternatif de celle-ci devra consister en la totalité du texte visible sur l'image.
Image décorative ou porteuse d'information ?
Une image est décorative si elle n'a aucune fonction et qu'elle n'apporte aucune information. Elle doit être ignorée par les technologies d'assistance. Cela se fait généralement en donnant un texte alternatif vide.
L'exemple type d'image décorative est celle qui accompagne un article pour illustrer celui-ci.
Si l'image contient de l'information qui est redondante avec le texte, on peut aussi la considérer comme décorative.
Dans l'exemple ci-dessous, les types d'appareils informatiques sont indiqués sous forme de textes (ordinateur, clavier, etc.) accompagnés de photos. Les photos peuvent être considérées comme décoratives parce que l'on pourrait les supprimer sans perdre d'information.
Le cas des images cliquables
Si l'image est cliquable, c'est à dire que le fait de cliquer dessus engendre une action comme l'ouverture d'un nouveau lien, il faut distinguer deux cas de figure :
Dans le cas où l'image n'est pas accompagnée de texte, le texte de remplacement de celle-ci doit indiquer la destination ou la fonction du lien. Par exemple, on indiquera « Facebook » dans le texte de remplacement pour une icône qui sert de lien vers Facebook, ou « menu »pour une icône qui sert à afficher un menu.
Quand l'image cliquable est accompagnée de texte, elle est souvent redondante, et on peut alors la considérer comme décorative. C'est le cas par exemple si vous utilisez une icône représentant une enveloppe dans un lien qui comporte aussi le texte « messages ». Dans ce cas, il n'y aura pas besoin d'avoir de texte de remplacement.