HTML <img> altAttribut

Balise HTML <img>

Exemple

Image avec un texte alternatif spécifié :

<img src="smiley.gif.html" alt="Smiley face">

Essayez-le vous-même »

Prise en charge des navigateurs

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge l'attribut alt.

Définition et utilisation

L'attribut alt est un attribut obligatoire qui spécifie un texte alternatif lorsque l'image ne peut pas être affichée.

Supposons que, pour une raison quelconque (comme une vitesse de réseau lente, une erreur dans l'attribut src, le navigateur désactivant les images ou l'utilisateur utilisant un lecteur d'écran), l'utilisateur ne puisse pas voir l'image, l'attribut alt peut fournir des informations alternatives pour l'image.

Remarque :Lorsque l'utilisateur déplace la souris sur l'élément img, Internet Explorer (versions antérieures à 9) affiche la valeur de l'attribut alt sous forme d'info-bulle. Selon la spécification HTML, ce comportement n'est pas correct.

Astuce :Si vous avez besoin de créer une infobulle pour une image, utilisez l'attributtitle!

Différences entre HTML 4.01 et HTML5

Aucun.

Syntaxe

<img alt="texte">

Valeurs d'attributs

Valeur Description
text Spécifie le texte alternatif de l'image.

Principes d'utilisation du texte alternatif :

  • Si l'image contient des informations, utilisez alt pour décrire l'image
  • Si l'image se trouve dans un élément <a>, utilisez alt pour décrire le lien cible
  • Si l'image est uniquement décorative, utilisez alt=""

Balise HTML <img> Autres extensions