O que é um atributo Alt?

Um atributo alt é um comando associado associado a determinadas tags HTML e XHTML, projetadas para fornecer uma maneira de associar texto alternativo às referidas tags. O uso mais comum desse atributo está na tag img com a finalidade de legendar gráficos. Algumas pessoas chamam isso de tag alt, mas isso não é exato porque não é um tag html. O termo "tag" tem um significado distinto no design da web, referindo-se aos comandos entre colchetes angulares que fazem a marcação real em HTML. O atributo alt usa a seguinte sintaxe:

<img alt = "text" src = "URL de origem">
<area alt = "alt text">
<input alt = "prompt do campo de texto">

A tag img é apenas uma das várias tags que aceitam o atributo alt. Outras tags são "area" e "input". A tag img exibe uma imagem. A tag area exibe um link em um mapa de imagem e o atributo alt fornece o texto âncora para o link. Uma tag de entrada informa ao navegador da web para exibir um campo de texto e usa o texto alternativo para fornecer o prompt associado.

Descrições de gráficos historicamente têm sido um dos usos mais comuns do atributo alt. Isso foi especialmente útil para pessoas com deficiência visual, que usam software para ler a tela que não é capaz de interpretar uma imagem. O principal objetivo desse atributo é fornecer uma legenda em vez de descrever a imagem associada. Um exemplo de texto alternativo adequado seria "George Washington suportou muitas dificuldades como general durante a guerra revolucionária". Descrições de imagens reais são o trabalho do atributo-título.

Os mecanismos de pesquisa utilizam o texto fornecido no atributo alt. Se uma página da Web consistir em imagens, exclusiva ou principalmente, o mecanismo de pesquisa pode rastrear a página, apesar de as imagens serem inúteis para as aranhas dos mecanismos de pesquisa. O atributo alt é necessário para a tag img em versões posteriores do HTML, mas alguns desenvolvedores da Web não colocam nada entre as aspas. Isso não aproveita a oportunidade para uma melhor otimização do mecanismo de pesquisa.

Os navegadores da Web mais antigos renderizaram o atributo alt como dicas de ferramentas; portanto, os desenvolvedores da Web o usaram incorretamente para executar a tarefa de uma dica de ferramenta, que era fornecer informações adicionais sobre uma imagem, como uma descrição. As versões mais recentes corrigiram esse problema. Agora, o atributo title é usado para esse fim, e o texto desse atributo pode ser visto passando o mouse sobre uma imagem ou link.

Os navegadores da Web que não conseguem exibir imagens exibem o texto alternativo. Navegadores mais antigos sempre fazem isso, mas é possível configurar versões mais recentes para exibir apenas o texto alternativo em vez da imagem. Isso tem o objetivo de economizar largura de banda, porque o navegador não precisa carregar a imagem.