Atributo alt

Nota: Para o uso do atributo alt na Wikipédia, ver Wikipedia:Texto alternativo para imagens.

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

Aqui está uma imagem cujo atributo alt é "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

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

• atributo longdesc

Referências

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

Ligações externas

• • Como especificar um texto alternativo, das especificações do HTML 4.01 *Fornecendo textos equivalentes para imagem de Dive Into Accessibility
• Guidelines on alt texts in img elements por Jukka Korpela
• Mini-FAQ sobre o texto substituto de imagens por Ian Hickson