Atributo alt

Origem: Wikipédia, a enciclopédia livre.
Ir para: navegação, pesquisa

O atributo alt é utilizado em documentos HTML e XHTML para especificar um texto alternativo ou substituto que é renderizado quando o elemento HTML, ao qual ele é aplicado, não é renderizado. No HTML 4.01, o atributo é obrigatório para marcações img e area, e opcional para as marcação input e para a marcação depreciada applet tag.

A sintaxe do atributo alt é:

<img alt="...">
<area alt="...">

ou

<input alt="...">

Exemplo[editar | editar código-fonte]

Aqui está uma image cujo atributo alt é "No céu flamula uma bandeira vermelha com um cruz branca vertical, cuja barra vertical é deslocada na direção do mastro."

No céu flamula uma bandeira vermelha com um cruz branca vertical, cuja barra vertical é deslocada na direção do mastro.

O HTML para esta imagem poderia ser algo como:

<img alt="No céu flamula uma bandeira vermelha com um cruz branca vertical, cuja barra vertical é deslocada na direção do mastro."
     src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg"
     width="180" height="135" />

Um leitor com deficiência visual, que estiver usando um leitor de tela, tal como JAWS ou Orca, irá ouvir o texto substituto no lugar da imagem. Um navegador textual como o Lynx irá mostrar o texto substituto ao invés da imagem. Um navegador gráfico tipicamente irá mostrar apenas a imagem, apresentará o texto alternativo apenas se lhe for solicitar mostrar as propriedades da image. Muitos navegadores gráficos podem ser configurados para mostrar o texto substituto ao invés da imagem.

Equívocos comuns[editar | editar código-fonte]

IE7 renderizando o atributo alt como tooltip

Internet Explorer 7 e anteriores renderizavam incorretamente o texto do atributo alt como um texto de tooltip.[1] [2] Este comportamento levou muitos desenvolvedores web a usar o alt para apresentar tooltips em páginas web[3] , ao invés de utilizar o atributo title que deveria ter esse uso.[4] No Internet Explorer 8 este bug foi corrigido, e os atributos alt não mais renderizam como tooltips.[5]

O atributo alt é comumente, mas incorretamente, referenciado como "marcação alt" (ou "tag alt").[2] [6] [7]

Ver também[editar | editar código-fonte]

Referências

  1. Why doesn’t Mozilla display my alt tooltips?.
  2. a b Anne van Kesteren (16 dezembro de 2004). Alt attribute (alt tag, alt tooltip).
  3. Bug 25537 - Alt text is not displayed as a tooltip over <img>, Mozilla bugzilla
  4. W3C HTML WG (24 December 1999). 7.4.3 The title attribute W3C HTML 4.01 Specification.
  5. What's New in Internet Explorer 8 – Accessibility and ARIA Microsoft MSDN.
  6. Roger Johansson (7 November 2005). It’s alt attribute, not alt tag 456 Berea Street.
  7. Tommy Olsson (20 July 2004). Alt tags The Autistic Cuckoo.

Ligações externas[editar | editar código-fonte]