A descrição, atributo “alt”, é um texto que aparece no lugar de uma imagem quando esta não carrega no browser ou não pode ser vista. Explica o conteúdo da imagem para usuários que não podem vê-la, por meio de configuração/funcionalidade específica do browser com funcionalidades de leitura de tela.

Uma imagem em site tem dois elementos básicos: sua fonte e seu texto alternativo (“alt text”). A fonte, ou origem, é a localização da imagem na internet ou em um determinado servidor web, enquanto o texto alternativo descreve brevemente esta imagem.

► <img src="nome_da_imagem.jpg" alt="Texto alternativo" />

Este texto alternativo é considerado um substituto da imagem, não um acréscimo, deve descrevê-la como se estivesse disponível. Embora sempre sujeito a interpretações, deve procurar ser o mais objetivo possível.

► Se, por exemplo, a imagem publicada é o logotipo de uma empresa, o text alt deve incluir o nome da empresa. Se a imagem reproduz um texto, como a de um botão, por exemplo, o texto alternativo deve reproduzir cada palavra deste texto.

Programas dedicados a usuários com deficiências físicas, com funcionalidades de leitura de tela, podem verificar, por exemplo, o conteúdo de cada página mostrando um menu com a lista dos links e permitindo ao usuário selecionar os que o interessam.

As descrições não devem ser longas, para não cansar o leitor que utiliza browsers especiais, pois normalmente levam mais tempo para se deslocar pelos links que o leitor dos browsers comerciais convencionais.

Boas práticas

▪ Em caso de uso de sistema de gerenciamento de conteúdo, como o Drupal, Joomla ou WordPress, normalmente temos o recurso de incluir estas marcações quando se publica qualquer imagem nova. Basta acessar o botão nas proximidades do quadro de publicação.

▪ No caso de imagem animada ou gráfico, a descrição minuciosa da animação ou do gráfico pode ajudar os usuários a compreendê-la.

▪ A aplicação de texto alternativo não se aplica a todas as imagens. Imagens neutras, como as que definem espaços, ou ícones, vinhetas decorativas (sem informação útil), captchas, não precisam deste recurso, embora captchas devam ter alternativa auditiva.

Em casos como os citados acima, o atributo deve entrar com espaço de preenchimento (alt=” “), ou “null”. Programas leitores de tela quando vêem esta marcação ignoram a imagem em vez de tentar identificá-la ou substituí-la por informação.

► Se a imagem estiver associada a um item de uma lista, a legenda deve começar com uma indicação como “Item: ” ou “* “, por exemplo.

▪ Links em formato de imagem devem ter uma alternativa em formato de texto. É comum os sites colocarem barras de navegação publicadas com imagens em modo texto no pé da página, separados por “|” ou um caracter neutro.

▪ No projeto de sites, é importante verificar se as páginas podem ser navegáveis com ou sem a habilitação de imagens, simplesmente através dos atributos “alt” de cada imagem .

Marcação “title” junto com URLs:

▪ Descreve informações não essenciais quando o mouse passa sobre o link (aparece como uma caixa ou na barra de status da página).

▪ Descreve melhor o conteúdo de um link para usuários que podem não compreendê-lo direito.

(Atualizado em 24.8.2012)