Définition et utilisation
L' alt attribut fournit une information alternative pour une image si un utilisateur pour une raison quelconque ne peut pas la voir ( à cause de connexion lente, une erreur dans le src attribut, ou si l'utilisateur utilise un lecteur d'écran).
Remarque: L' alt attribut est requis pour le <img> élément.
Remarque: Pour <input> éléments, l' alt attribut ne peut être utilisé avec <input type="image"> .
Astuce: Pour créer une info - bulle pour une image, utilisez le title attribut!
S'applique à
L' alt attribut peut être utilisé sur les éléments suivants:
| Éléments | Attribut |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
Exemples
Area Exemple
Une image-carte, 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>
Essayez - le vous - même » Img Exemple
Une image avec un texte de remplacement indiqué:
<img src="smiley.gif" alt="Smiley face">
Essayez - le vous - même » Input Exemple
Un HTML sous form d'une image qui représente le bouton de soumission:
<form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Essayez - le vous - même » support du navigateur
L' alt attribut a le support de navigateur suivant pour chaque élément:
| Élément | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |