Définition
L’attribut alt (alt = alternative) est un élément HTML qui permet de donner du sens à une image sous la forme de quelques mots descriptifs.
Exemples
De manière générale, cet attribut se présente comme ceci dans une image :
HTML :
<img scr=”assets/img/_common/logo_inleed_img.png” alt=”Logo Inleed”>
Pourquoi l’attribut alt est important ?
Cet attribut est utile à plusieurs niveaux :
L’accessibilité sur le web
Un tel attribut permet aux personnes déficientes visuellement d’accéder à l’image grâce aux technologies d’aide. Généralement, il faut éviter d’écrire
- “photo de” ou
- “image de” dans l’attribut alt.
En effet, les liseuses annoncent qu’il s’agit d’une image lorsqu’il y en a une. Donc, pour éviter qu’elle dise “Image, Image du logo Inleed” il est préférable d’écrire “Logo Inleed”.
Les erreurs de chargement
Une autre utilité de l’attribut alt c’est que le texte s’affiche à la place de l’image lorsque celle-ci ne charge pas.
Le contexte pour le moteur de recherche
De nos jours, tous les sites Internet possèdent des images pour être attractifs. Comme les moteurs de recherche ne savent pas décrire une image, cet attribut est là pour les y aider.
Cela donne du contexte à l’image et les moteurs de recherche peuvent juger la pertinence de leurs présences.
En bref
L’attribut alt sert plusieurs objectifs qu’il est difficile de mettre de côté. Que ce soit pour les utilisateurs ou pour contribuer au référencement naturel sur Google. Ajouter cette description est loin d’être chronophage donc il serait dommage de s’en passer.