Uma foto explica o serviço para quem enxerga a página. Mas o texto que acompanha essa imagem no código pode dizer apenas “foto-final-3”. Quem navega com leitor de tela recebe uma informação útil?

O atributo alt oferece uma alternativa textual para a imagem. Escrever esse texto pede uma decisão sobre a função dela, não apenas uma descrição de todos os objetos da cena.

Descreva a informação que a imagem acrescenta

A orientação da W3C para imagens informativas é transmitir seu significado ou conteúdo. O contexto da página ajuda a decidir o que precisa ser dito.

Num exemplo hipotético, uma foto de uma bancada pode mostrar o acabamento oferecido por uma marcenaria. Uma descrição curta desse detalhe é mais útil naquele ponto do que o nome do arquivo exportado. Não invente material ou característica que a imagem não permita confirmar.

Referências: [1]

Lupa destaca o acabamento de uma bancada de madeira ao lado de ficha com linhas de texto cinzas.
Cena gerada com IA: o contexto indica qual detalhe precisa ser comunicado. Bancada e ficha não mostram um serviço ou material comercial comprovado.

Uma imagem também pode ser decoração ou ação

A árvore de decisão da W3C diferencia os usos. Se a imagem é apenas decorativa, o atributo pode ser vazio. Se ela é o único conteúdo de um link ou botão, o texto precisa comunicar o destino ou a ação.

Por isso, não aplique a mesma descrição automaticamente a todas as ocorrências. Um símbolo de telefone pode identificar uma informação numa seção e funcionar como botão de ligação em outra. O papel na página mudou.

Referências: [2]

Peça uma revisão com a página aberta

Para cada imagem relevante:

  • Identifique o que ela ensina ou ajuda a fazer naquele trecho.
  • Confira se a informação já está escrita ao lado.
  • Escreva uma alternativa breve e coerente com essa função.
  • Verifique links e botões que dependem somente de imagem.
  • Ouça a página com leitor de tela e confira se a sequência faz sentido.
Pessoa com fones e mãos no teclado consulta página fictícia com imagem de poltrona e blocos de texto.
Cena gerada com IA: ouça a página e confira a sequência de informação. Pessoa e interface são fictícias, sem documentar um teste de acessibilidade.

Minha recomendação: revise junto do conteúdo

Eu faria essa revisão ao aprovar a página, com a imagem e os parágrafos ao redor. Um texto alternativo pode ser correto para uma foto isolada e inadequado para o uso que ela ganhou no site.

Evite transformar o campo numa lista de palavras-chave. Quando a imagem contém informação complexa, como um gráfico, a W3C orienta disponibilizar essa informação também no conteúdo da página. A alternativa curta não precisa carregar sozinha toda a explicação.

Referências: [2]

Fontes e referências

Referências consultadas em 23 out. 2026. Recursos e condições podem mudar.

  1. W3C WAI: imagens informativas ↗
  2. W3C WAI: decisão sobre o atributo alt ↗

Conteúdo produzido com apoio de inteligência artificial e aprovado para publicação. Os exemplos são ilustrativos; não representam testes próprios ou resultados de clientes. Conheça a política editorial.