Autor: Adalberto Mania

Texto alternativo

O texto alternativo é muito utilizado nos leitores de telas para pessoas com acuidade visual reduzida. Ao inserir uma imagem é de bom senso o preenchimento do “alternate text” da imagem. É com esse atributo que as pessoas que dependem do leitor de tela vão entender o que a imagem significa.


Nos primórdios da internet era difícil exibir imagens, devido à baixíssima velocidade de navegação. Atualmente a acessibilidade precisa ser considerada quando vamos utilizar imagens nos conteúdos.



Como escrever um bom texto alternativo?

• Seja específico ao descrever as imagens. O atributo Alt é, acima de tudo, um recurso para prover informações sobre uma imagem a usuários que não podem vê-la.
• Seja específico, porém o mais curto possível. A maioria dos leitores de tela só interpreta os primeiros 125 caracteres do atributo alt, de forma que é aconselhável respeitar esse limite
• Use palavras-chave. O atributo alt pode conter palavras que servirão para sinalizar que a sua página possui relevância em um determinado assunto, aumentando a probabilidade de que seja encontrada pelos motores de busca.
• Evite o excesso de palavras-chave. A prioridade de uso do atributo alt é descrever as imagens; quando necessário, e se ainda houver espaço dentro do limite aconselhável de caracteres, insira palavras-chave.
• Não use imagens como texto. Como os mecanismos de busca não conseguem ler o texto contido em uma imagem, este recurso deve ser evitado. Porém, se for utilizá-lo, procure reproduzir o texto da imagem no atributo alt.
• Não escreva “foto de” ou “imagem de” no atributo alt. Já está implícito que seu texto se refere àquela imagem, de forma que não é necessário reafirmá-lo.
• Considere o uso do atributo longdesc. O atributo longdesc especifica um endereço (hyperlink) onde pode-se encontrar uma descrição mais detalhada da imagem.
• Não se esqueça dos botões. Imagens que desempenham funções de botão devem receber um atributo alt destacando sua funcionalidade, como “gravar”, “cancelar”, “pesquisar” etc.

Como seria um bom texto alternativo?



Razoável: Galo
Bom: Galo cantando
Ótimo: Galo de crista vermelha cantando




Razoável: Homem em uma escada rolante
Bom: Homem descendo uma escada rolante
Ótimo: Homem usando mochila descendo uma escada rolante



No caso de um logo ou banner é descrever:



Logo UNIFESP


Quando a imagem tiver com um link o recomendado é que o texto alternativo seja o site do link ou a descrição do link. Exemplo: link/atalho para o site da Unifesp.