la balise Alt img expliquée à mon petit-fils.

Dis papy, c’est quoi une balise Alt ?

« Tu vois, mon p’tit bonhomme, la balise alt pour les images, c’est comme si tu décrivais une image à quelqu’un qui ne peut pas la voir. » 🖼️👀❌

Pourquoi c’est important ?

• C’est comme expliquer un dessin à un copain qui a les yeux fermés.
  • Si tu montres un joli dessin de chat à un ami qui ne peut pas le voir, tu lui diras : « C’est un petit chat noir qui dort sur un coussin rouge. »
  • La balise alt fait pareil : elle décrit l’image pour les personnes qui ne peuvent pas la voir, notamment les aveugles qui utilisent des lecteurs d’écran.
• Ça aide aussi Google à comprendre l’image.
  • Google ne voit pas les images comme nous. Il lit uniquement du texte.
  • Si une image a une balise alt qui dit "gâteau au chocolat moelleux", Google sait que c’est un gâteau et peut l’afficher dans les résultats d’images.
• Si l’image ne s’affiche pas, le texte alt est un plan B.
  • Imagine que tu accroches une photo sur un mur, mais qu’elle tombe. Si tu as mis une petite étiquette en dessous avec la description, les gens sauront ce qui était là.
  • Sur un site, si l’image ne charge pas, le texte alt s’affiche à la place pour expliquer ce qui manque.
• Il faut être précis mais pas trop long.
  • Mauvais alt : "image123.jpg" → Ça ne dit rien.
  • Trop long : "Un délicieux gâteau au chocolat fait maison avec une couche de glaçage brillant, posé sur une assiette en porcelaine bleue avec une fourchette en argent à côté."
  • Bon alt : "Gâteau au chocolat moelleux avec glaçage" → Court et efficace !

Exemple en code :

<img src="gateau.jpg" alt="Gâteau au chocolat moelleux avec glaçage">

Bref, la balise alt, c’est comme un guide pour ceux qui ne peuvent pas voir l’image : ça aide les personnes malvoyantes, Google et même les visiteurs quand l’image ne charge pas ! » 🎨📝