Attribut HTML alt
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 (à cause 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 info-bulle pour une image, utilisez l' attribut title !
S'applique à
L'attribut alt peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <zone> | autre |
| <image> | autre |
| <entrée> | autre |
Exemples
Exemple de zone
Une image cliquable, 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'image
Une image avec un texte alternatif spécifié :
<img src="smiley.gif" alt="Smiley face">
Exemple d'entrée
Un formulaire HTML avec une image qui représente le bouton d'envoi :
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Prise en charge du navigateur
L' altattribut est compatible avec les navigateurs suivants pour chaque élément :
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |