Imagens para web

Como escrever texto alternativo útil para imagens

Descreva imagens com clareza para melhorar acessibilidade e contexto da página.

O texto alternativo, normalmente usado no atributo alt, comunica a função ou o conteúdo de uma imagem quando ela não pode ser vista. Ele é importante para pessoas que usam leitores de tela e também ajuda quando o arquivo não carrega.

Descreva a função no contexto

A mesma imagem pode exigir descrições diferentes. Uma foto de produto em uma loja deve destacar características úteis; uma imagem meramente decorativa pode ter texto alternativo vazio para não interromper a navegação assistiva.

Seja específico sem narrar tudo

Inclua informações necessárias para compreender a página. Evite começar com “imagem de”, pois o leitor de tela já anuncia o elemento. Não repita uma legenda idêntica nem acumule palavras-chave.

Exemplos práticos

• Fraco: “produto”.
• Melhor: “mochila preta com dois bolsos frontais”.
• Para gráfico: resuma a conclusão e ofereça os dados em texto próximo.
• Para botão com ícone: descreva a ação, como “Baixar PDF”.

Revise junto com o conteúdo

Se a imagem for atualizada, a descrição também deve ser. O objetivo não é agradar mecanismos de busca, mas entregar a informação equivalente de forma concisa e natural.