Des images porteuses d'information n'ont pas de texte de remplacement (alt). Ce texte est invisible à l'écran mais indispensable aux personnes qui ne voient pas l'image.
Un lecteur d'écran annonce alors « image » ou lit le nom du fichier (ex. IMG_4821.jpg). Une personne aveugle ne sait pas ce que montre un visuel produit, un bouton-image ou un logo — l'information est perdue.
<img src="/img/sac-cabaia-bleu.jpg"> <a href="/panier"><img src="/icones/cart.svg"></a>
<img src="/img/sac-cabaia-bleu.jpg"
alt="Sac à dos Cabaia bleu marine, modèle Adventurer">
<a href="/panier">
<img src="/icones/cart.svg" alt="Voir mon panier">
</a>
Image purement décorative ? Utilisez un alt vide : alt="" — elle sera correctement ignorée par les lecteurs d'écran.