tutoriais mais recente desenvolvimento web
 

HTML alt Attribute


Definição e Uso

A alt atributo fornece informação alternativa para uma imagem se um usuário por algum motivo não pode vê-lo (por causa da conexão lenta, um erro na src atributo, ou se o usuário usa um leitor de tela).

Nota: A alt atributo é necessário para o <img> elemento.

Nota: Para <input> elementos, o alt atributo só pode ser usado com <input type="image"> .

Dica: Para criar uma dica de ferramenta para uma imagem, utilize o title atributo!


Aplica-se a

O alt atributo pode ser usado nos seguintes elementos:

elementos Atributo
<area> alt
<img> alt
<input> alt

Exemplos

Area Exemplo

Uma imagem-mapa, 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>
Tente você mesmo "

Img Exemplo

Uma imagem com um texto alternativo especificado:

<img src="smiley.gif" alt="Smiley face">
Tente você mesmo "

Input Exemplo

Um HTML form com uma imagem que representa o botão de envio:

<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>
Tente você mesmo "

Suporte a navegadores

A alt atributo tem o seguinte suporte ao navegador para cada elemento:

Elemento
area Yes Yes Yes Yes Yes
img Yes Yes Yes Yes Yes
input Yes Yes Yes Yes Yes