Attributo alternativo HTML
Definizione e utilizzo
L'attributo alt fornisce informazioni alternative per un'immagine se un utente per qualche motivo non può visualizzarla (a causa di una connessione lenta, un errore nell'attributo src o se l'utente utilizza uno screen reader).
Nota: l'attributo alt è richiesto per l'elemento <img>.
Nota: per gli elementi <input>, l'attributo alt può essere utilizzato solo con <input type="image">.
Suggerimento: per creare una descrizione comando per un'immagine, utilizza l' attributo title !
Si applica a
L'attributo alt può essere utilizzato sui seguenti elementi:
Elementi | Attributo |
---|---|
<zona> | alt |
<img> | alt |
<immissione> | alt |
Esempi
Esempio di zona
Una mappa immagine, con aree cliccabili:
<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>
Esempio di immagine
Un'immagine con un testo alternativo specificato:
<img src="smiley.gif" alt="Smiley face">
Esempio di input
Un modulo HTML con un'immagine che rappresenta il pulsante di invio:
<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>
Supporto browser
L' alt
attributo ha il seguente supporto del browser per ogni elemento:
Element | |||||
---|---|---|---|---|---|
area | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input | Yes | Yes | Yes | Yes | Yes |