Texto alternativo em imagens: como escrever descrições úteis no site

Texto alternativo não é legenda escondida nem espaço para acumular palavras-chave. Ele participa da experiência de pessoas que usam leitores de tela e também oferece uma alternativa quando a imagem não carrega.

Não existe uma frase universal para cada arquivo. A mesma foto pode precisar de descrições diferentes em uma página de serviço, em um portfólio e em um artigo, porque o contexto muda o que é relevante.

Comece perguntando por que a imagem existe

Antes de escrever, identifique a contribuição da imagem. Ela mostra um serviço, demonstra uma etapa, apresenta uma pessoa, contém informação em texto ou apenas compõe o visual? A resposta define se o alt deve descrever conteúdo, indicar função ou ficar vazio.

Se a imagem for retirada, observe o que o visitante deixa de entender. Esse é um bom ponto de partida para decidir o que comunicar.

Descreva a informação, não cada detalhe

Uma fotografia de portfólio pode ser descrita pelo tipo de trabalho e pelo elemento que comprova a etapa mostrada. Cor do fundo, objetos distantes e roupas só importam quando ajudam a compreender o conteúdo.

Prefira uma frase direta. A descrição precisa entregar sentido equivalente, não reproduzir uma inspeção completa da cena.

Use o contexto da página

Evite repetir no alt uma frase que já aparece imediatamente antes ou depois da imagem. Se o título e a legenda identificam o serviço, o texto alternativo pode acrescentar o detalhe visual que falta.

Em um artigo sobre preparação de arquivos, “comparação entre foto original e versão comprimida” pode ser útil. Em uma página institucional, a mesma imagem talvez seja apenas ilustrativa.

Deixe imagens decorativas fora da leitura

Texturas, divisores, formas abstratas e ícones redundantes podem usar alt vazio. Isso permite que tecnologias assistivas ignorem elementos que não acrescentam informação.

Não omita o atributo. A ausência pode levar o leitor de tela a anunciar o nome do arquivo, que costuma ser técnico e pouco compreensível.

Trate imagens que funcionam como link ou botão

Quando a imagem é o único conteúdo de um link, a alternativa deve comunicar o destino ou a ação. “Abrir portfólio de instalação” é mais útil que “ícone de seta”.

Se o botão já possui um rótulo visível, o ícone ao lado geralmente é decorativo. Evite anunciar duas vezes a mesma ação.

Não coloque informação importante apenas na arte

Banner com preço, horário ou condição precisa repetir esses dados em HTML. O alt não deve carregar sozinho um parágrafo inteiro que usuários visuais também precisam consultar.

Formas de pagamento, regras de campanha e chamadas devem continuar disponíveis mesmo quando a mídia falha. Veja como organizar imagens para um site profissional com formatos e tamanhos adequados.

Identifique pessoas somente quando necessário

Em uma página de equipe, nome e função podem ser relevantes, desde que já sejam informações autorizadas. Características físicas não relacionadas ao conteúdo normalmente não precisam ser descritas.

O artigo sobre página de equipe ajuda a combinar nomes, cargos, fotos e permissões sem exposição excessiva.

Evite expressões automáticas e repetitivas

Não é preciso começar toda frase com “imagem de” ou “foto de”, pois a tecnologia já identifica o elemento como imagem. Também evite usar o mesmo alt para várias fotos diferentes.

Nomes de arquivo como “IMG_2026.jpg” ou sequências de palavras-chave não explicam o conteúdo e não devem ser copiados para o atributo.

Escreva para diagramas e comparações

Quando uma imagem apresenta processo ou comparação, resuma a conclusão principal no alt e forneça os detalhes relevantes no texto próximo. Gráficos complexos podem precisar de descrição longa em uma seção própria.

O visitante deve conseguir chegar à mesma informação sem depender exclusivamente de cor, posição ou tamanho.

Revise o texto junto com a página

Ao trocar uma foto, atualize a alternativa. Uma descrição antiga pode anunciar serviço, pessoa ou situação que já não aparece. Inclua essa conferência na rotina de publicação e manutenção.

O checklist de acessibilidade do site reúne outros pontos relacionados, como contraste, teclado, formulários e rótulos.

Teste além do validador

Ferramentas detectam alt ausente, mas não determinam se a frase é útil. Leia a página sem olhar as imagens, navegue com leitor de tela quando possível e verifique se a sequência ainda faz sentido.

Também teste o carregamento bloqueado para confirmar que informações essenciais continuam presentes no conteúdo visível.

Checklist para texto alternativo

1. finalidade da imagem identificada;
2. conteúdo relevante descrito;
3. detalhes irrelevantes removidos;
4. repetição do texto próximo evitada;
5. imagens decorativas com alt vazio;
6. links descritos pela ação ou destino;
7. informações importantes também em HTML;
8. nomes e dados usados com autorização;
9. descrições atualizadas após trocas;
10. leitura testada no contexto completo.

Uma descrição curta pode remover uma grande barreira

Um bom texto alternativo nasce da edição consciente. Ele não precisa ser longo, mas precisa representar a contribuição da imagem e manter a página compreensível para diferentes formas de navegação.