Proposer un texte alternatif à une image est important à plus d'un titre. Il permet d'offrir aux visiteurs des réponses à des demandes d'accessibilité pour les personnes aveugles ou déficientes visuelles qui ne peuvent pas voir les images.
Le texte alternatif permet d'afficher la description des images lorsque les navigateurs sont configurés pour ne pas les afficher. Il est aussi utile pour le référencement des pages.
De nombreux sites web ne proposent pas encore de textes alternatifs. C'est un domaine dans lequel il y a encore beaucoup d'effort à faire pour rendre le web un peu plus accessible. Il est important de pouvoir commenter les images, animations, vidéos, bandes sons.... L'absence d'éléments visuels ou sonores ne doit pas empêcher la compréhension générale de l'information contenue dans la page.
Le visiteur handicapé visuel ou auditif, qui navigue avec un dispositif de synthèse vocale et/ou un afficheur braille, peut s'appuyer sur l'alternative textuelle.
Alors comment créer un texte alternatif ?
Le principe du texte alternatif.
L'attribut alt est seulement défini pour les balises <img>, <area> et optionnellement pour <input> et <applet> ; il vous permet de fournir un équivalent texte à un objet en décrivant une image.
Cette description est rendue accessible aux utilisateurs « déficients visuels », mais aussi lorsque l'image n'est pas affichée par les navigateurs. Ainsi les navigateurs afficheront ou liront par synthèse vocale les informations inscrites dans le code, à la place des images correspondantes.
La description ajoutée à l'image peut être lue par les robots d'indexation des moteurs de recherche. Cela permet un meilleur référencement pour une meilleure recherche.
Toute image doit posséder un attribut alt. Sans cet attribut les images sont inaccessibles.
Exemple de code :
<img src="/image/image.jpg" alt="la description de mon image"/>
De nombreuses personnes utilisent la recherche image proposée par Google. L'attribut alt permet à Google de bien les indexer, d'où l'importance de bien nommer les images.
Ce code écrit comme ci-dessous n'aurait aucun intérêt puisque le texte alternatif ne décrit pas l'image.
<img src="/image/image.jpg alt="imagearticle1.jpg"/>
ou
<img src="/image/image.jpg alt="img3.jpg"/>
Mettre en place un texte alternatif à des images paraît être un principe simple, mais sa mise en œuvre n'est pas si évidente. On trouve sur le net différentes sources d'informations qui peuvent parfois être en opposition. La seule source officielle concernant l'utilisation du texte alternatif est disponible sur le site du
W3C (Le W3C, World Wide Web Consortium, est un organisme international qui développe des standards pour le Web afin que les gens puissent communiquer efficacement à travers Internet).