Sites institucionais · GUIA PRÁTICO

Como escrever texto alternativo para imagens

Decida se a imagem informa, decora ou executa uma ação e escreva uma alternativa concisa para cada função, sem repetir palavras-chave.

Texto alternativo descreve a informação ou a função de uma imagem para quem não consegue percebê-la visualmente. A frase certa depende do motivo de a imagem estar naquela página; não é uma lista de palavras-chave nem uma descrição automática de cada detalhe visual.

Decida qual papel a imagem cumpre

Informativa: transmite dado ou contexto que não está no texto próximo. Escreva o significado essencial. Numa foto de um produto, por exemplo, mencione a característica que ajuda a pessoa a distinguir o item.

Decorativa ou redundante: não acrescenta informação porque só enfeita ou repete o texto ao lado. Em HTML, use alt="" para que a tecnologia assistiva possa ignorá-la. Não omita o atributo: alguns leitores podem anunciar o nome do arquivo.

Funcional: está dentro de um link ou botão. Descreva o destino ou a ação, como “Abrir o carrinho”, em vez de narrar a aparência do ícone.

Complexa: gráficos, mapas e diagramas podem precisar de um alt curto mais uma explicação completa no texto da página. Não tente colocar todos os dados num único atributo.

O tutorial da W3C WAI classifica imagens pela função e mostra alternativas para cada caso. A documentação de SEO de imagens do Google também recomenda alt útil e contextual, sem keyword stuffing.

Escreva a informação que falta

Imagine que você está explicando a página por telefone e a imagem não pode ser vista. Que informação sobre a imagem ainda é necessária para entender o conteúdo ou realizar a tarefa? Comece por essa informação, seja conciso e não repita a legenda literalmente quando ela já comunica o mesmo dado.

Evite fórmulas como “imagem de” e “foto de” em todos os casos: tecnologias assistivas podem indicar que se trata de uma imagem. Não inclua nome da empresa, cidade e produto se esses elementos não forem relevantes ao conteúdo visual.

Confira a imagem junto do texto ao redor, não isoladamente. Se a imagem também é o único conteúdo de um link, o alt precisa deixar claro o destino. Se houver texto ao lado que já descreve o mesmo destino, pode ser apropriado deixar a imagem decorativa para evitar uma leitura duplicada.

Faça a revisão numa amostra de imagens de cada modelo de página. Verifique campos vazios, nomes de arquivo, alternativas duplicadas e texto que parece otimizado para robô em vez de leitor. A WAI oferece uma árvore de decisão para escolher o alt.

Este processo ajuda a comunicar o conteúdo e pode ajudar mecanismos de busca a compreender a imagem; não garante posicionamento. A decisão final depende do propósito da imagem e do contexto real de cada página.

Continue por aqui