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](http://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg)
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
![](http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Ie7_alt_as_tooltip.png/220px-Ie7_alt_as_tooltip.png)
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