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

<input alt="...">

[editar] Exemplo

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.

[editar] 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]

[editar] Ver também

atributo longdesc

Referências

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

[editar] Ligações externas

Como especifical 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