Atributo HTML alt
Definição e uso
O atributo alt fornece informações alternativas para uma imagem se um usuário, por algum motivo, não puder visualizá-la (por causa da conexão lenta, um erro no atributo src ou se o usuário usar um leitor de tela).
Nota: O atributo alt é obrigatório para o elemento <img>.
Nota: Para elementos <input>, o atributo alt só pode ser usado com <input type="image">.
Dica: Para criar uma dica de ferramenta para uma imagem, use o atributo title !
Aplica-se a
O atributo alt pode ser usado nos seguintes elementos:
| Elementos | Atributo |
|---|---|
| <área> | alt |
| <img> | alt |
| <entrada> | alt |
Exemplos
Exemplo de área
Um mapa de imagem, com áreas clicáveis:
<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>
Exemplo de imagem
Uma imagem com um texto alternativo especificado:
<img src="smiley.gif" alt="Smiley face">
Exemplo de entrada
Um formulário HTML com uma imagem que representa o botão de envio:
<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>
Suporte ao navegador
O altatributo tem o seguinte suporte do navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |