<img>
Afficher une image, et pourquoi un mauvais alt est pire que rien
<img> — Les images
La balise <img> intègre une image dans ta page. L'attribut alt décrit l'image pour les personnes qui ne peuvent pas la voir. Sans alt, l'image est invisible pour les lecteurs d'écran.
Quand l'utiliser
Tu veux afficher une photo, un schema, une illustration. Si l'image est informative, donne un alt descriptif. Si elle est décorative (pure ornementation), utilise alt="" pour que les technologies d'assistance l'ignorent.
Ce que tu gagnes
Accessibilité : le texte alternatif est lu à voix haute par les lecteurs d'écran. Une image sans alt crée un trou dans le contenu. Un alt vide (alt="") signale explicitement "rien à lire ici".
SEO : Google utilise le alt pour indexer les images dans Google Images (documentation Google).
Exemple de code
<!-- Informative image: describe what you see -->
<img
src="/photos/team-workshop.webp"
alt="Five team members collaborating around a whiteboard covered in sticky notes"
width="800"
height="600"
loading="lazy"
/>
<!-- Decorative image: empty alt -->
<img src="/decorations/wave-divider.svg" alt="" />Pour aller plus loin
- Les deux vies d'une image — comment choisir entre image informative et décorative
- WHATWG —
<img> - W3C — Techniques pour les alternatives textuelles
- MDN —
<img>