Atributo alt

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."

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

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

↑ «Why doesn't Mozilla display my alt tooltips?». Consultado em 22 de julho de 2009
↑ ^a ^b Anne van Kesteren (16 de dezembro de 2004). «Alt attribute (alt tag, alt tooltip)». Consultado em 22 de julho de 2009
↑ Bug 25537 - Alt text is not displayed as a tooltip over <img>, Mozilla bugzilla
↑ 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
↑ «What's New in Internet Explorer 8 – Accessibility and ARIA». MSDN. Microsoft. Consultado em 22 de julho de 2009
↑ Roger Johansson (7 de novembro de 2005). «It's alt attribute, not alt tag». 456 Berea Street. Consultado em 22 de julho de 2009
↑ 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

[1] «Why doesn't Mozilla display my alt tooltips?». Consultado em 22 de julho de 2009

[annevk-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

[1]

[2]

[3]

[4]

[5]

[6]

[7]