HTML alt Attribut
Définition et Utilisation
L'attribut alt fournit des informations alternatives pour une image si un utilisateur ne peut pas la voir pour une raison quelconque (en raison d'une connexion lente, d'une erreur dans l'attribut src, ou si l'utilisateur utilise un lecteur d'écran).
Remarque : L'attribut alt est requis pour l'élément <img>.
Remarque : Pour les éléments <input>, l'attribut alt ne peut être utilisé qu'avec <input type="image">.
Astuce : Pour créer une infobulle pour une image, utilisez l'attribut title !
S'applique à
L'attribut alt peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
Exemples
Exemple d'Area
Une carte d'image avec des zones cliquables :
<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map> Exemple d'Img
Une image avec un texte alternatif spécifié :
<img src="smiley.gif" alt="Smiley face"> Exemple d'Input
Un formulaire HTML avec une image représentant le bouton de soumission :
<form action="/action_page.php">
Prénom : <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form> Support des Navigateurs
L'attribut alt est pris en charge par les navigateurs suivants pour chaque élément :
| Élément | |||||
|---|---|---|---|---|---|
| area | Oui | Oui | Oui | Oui | Oui |
| img | Oui | Oui | Oui | Oui | Oui |
| input | Oui | Oui | Oui | Oui | Oui |