L'attribut alt fournit une alternative textuelle décrivant le contenu ou la fonction d'une image. Il sert les utilisateurs et les outils qui ne peuvent pas voir l'image.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
L'attribut alt fournit une alternative textuelle décrivant le contenu ou la fonction d'une image. Il sert les utilisateurs et les outils qui ne peuvent pas voir l'image.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt à voix haute, afin qu'un utilisateur aveugle sache ce que l'image transmet. Sans cela, il entend le nom du fichier ou simplement « image » — inutile.alt à la place d'une icône d'image cassée.alt pour comprendre et indexer les images (SEO d'images).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
Le alt="" (vide, mais présent) est important : il indique aux lecteurs d'écran « ceci est décoratif, ignorez-le ». Omettre alt entièrement est différent — alors le lecteur peut annoncer le nom du fichier.
alt est l'attribut d'accessibilité le plus important pour les images et une exigence légale selon les normes d'accessibilité (WCAG).
Cela rend le contenu perceptible aux utilisateurs non-voyants, fournit un secours quand les images se cassent, et aide le SEO — décrivez ce que l'image signifie dans le contexte, et utilisez alt="" pour les images purement décoratives.