Alt text: o que é e como escrever o texto alternativo de imagens

O que é alt text

Alt text (texto alternativo) é a descrição textual de uma imagem, inserida no atributo alt da tag <img>, que substitui a imagem quando ela não pode ser vista e ajuda leitores de tela e buscadores a entender o que ela mostra.

Na marcação, ele aparece assim:

O navegador não exibe o alt quando a imagem carrega normalmente. Ele entra em cena quando a imagem falha, quando o usuário desativa imagens para economizar dados e, principalmente, quando uma pessoa cega ou com baixa visão navega com um leitor de tela, que lê o texto em voz alta. A documentação da MDN lembra ainda que o alt é usado ao copiar e colar a imagem como texto.

É comum confundir alt com o atributo title ou com a legenda. O title gera uma dica ao passar o mouse e não substitui o alt. A legenda (por exemplo, em <figcaption>) é texto visível para todos e complementa a imagem. Os três podem coexistir, cada um com sua função.

Por que o alt text importa: acessibilidade e SEO

Acessibilidade

O critério de sucesso 1.1.1 (Conteúdo não textual) das Diretrizes de Acessibilidade para Conteúdo Web (WCAG), de nível A, exige que todo conteúdo não textual apresentado ao usuário tenha uma alternativa em texto com a mesma finalidade, salvo exceções previstas. No Brasil, o artigo 63 da Lei Brasileira de Inclusão (Lei nº 13.146/2015) diz que “é obrigatória a acessibilidade nos sítios da internet mantidos por empresas com sede ou representação comercial no País”, seguindo as boas práticas internacionais. Texto alternativo é um dos itens mais básicos dessa exigência.

SEO

Para o Google, o alt é “o atributo mais importante” quando se trata de fornecer metadados sobre uma imagem. A documentação de SEO para imagens explica que o buscador combina o alt com algoritmos de visão computacional e com o conteúdo da página para entender o assunto da imagem. Há ainda um efeito menos lembrado: quando a imagem é um link, o alt funciona como texto âncora desse link.

Como escrever um bom texto alternativo

O exemplo clássico da documentação do Google mostra a evolução de um alt ruim para um bom. Adaptado para o português:

1. Pergunte qual é a função da imagem
   Ela informa algo, executa uma ação (link ou botão), contém texto ou é só decoração? A resposta muda o que vai no alt. A árvore de decisão do W3C parte exatamente dessa pergunta.
2. Descreva o que importa no contexto
   A mesma foto de um sofá pode pedir “Sofá retrátil cinza de três lugares” em uma página de produto e “Sala de estar com iluminação natural” em um artigo sobre decoração. Descreva o que a imagem acrescenta àquela página.
3. Seja específico e breve
   Prefira uma frase curta a um parágrafo. Inclua detalhes que diferenciam (cor, modelo, ação, local) e corte o que é irrelevante.
4. Use palavras-chave só quando descrevem a imagem
   Se a foto mostra mesmo uma “bota de couro masculina marrom”, o termo cabe com naturalidade. Forçar a palavra-chave da página em todas as imagens é keyword stuffing.
5. Evite redundâncias
   Não comece com “imagem de” ou “foto de”: o leitor de tela já anuncia que é uma imagem. Também não repita no alt um texto que já está ao lado da imagem.
6. Cuide do arquivo e do entorno
   O Google também extrai pistas do nome do arquivo, da legenda e do texto próximo. Um nome como bota-couro-marrom.jpg, no mesmo espírito de uma URL amigável, ajuda mais que IMG00023.JPG.

Alt text por tipo de imagem

O tutorial de imagens do W3C (WAI) organiza as decisões por tipo. Um resumo prático:

• Informativa (foto de produto, ilustração que explica algo): descrição breve do que ela comunica.
• Funcional (imagem dentro de link ou botão, como um ícone de lupa): descreva a ação ou o destino, por exemplo “Buscar” ou “Página inicial”, e não a aparência do ícone.
• Imagem de texto (banner com frase, logotipo com nome): o alt deve trazer o texto que aparece na imagem, a menos que ele já esteja escrito ao lado.
• Complexa (gráfico, infográfico, mapa): um alt curto identifica a imagem, e a informação completa deve estar no texto da página, em uma tabela ou descrição próxima.
• Decorativa (bordas, ícones ilustrativos, fotos de ambientação): use alt="". O W3C explica que omitir o atributo não é alternativa, porque alguns leitores de tela passam a anunciar o nome do arquivo.

Erros comuns

• Alt igual ao nome do arquivo, como “DSC_0042” ou “banner-home-final-v3”.
• Mesmo alt em todas as imagens, geralmente o título da página ou o nome da empresa, repetido por plugins.
• Alt genérico em imagens de produto (“produto”, “foto”), justamente onde a descrição diferencia variações de cor e modelo.
• Imagens importantes como fundo em CSS. O Google não indexa imagens de CSS; para que uma imagem seja encontrada, ela precisa estar em um elemento <img> (inclusive dentro de <picture>).
• Texto relevante só dentro da imagem, como preços ou condições em banners, sem equivalente em texto.
• SVG inline sem título. Para SVG incorporado diretamente no HTML, o Google orienta usar o elemento <title>, já que não há atributo alt.

Alt text na busca multimodal e com IA

O Google destacou em 2025 que pessoas fazem buscas multimodais, tirando uma foto ou enviando uma imagem e fazendo perguntas sobre ela, e recomendou apoiar o texto com imagens e vídeos de alta qualidade para ter sucesso nas experiências de IA da Busca. Os recursos de IA, como os descritos no guia de SEO para AI Overviews e Modo IA, partem do mesmo índice da Busca. Uma imagem bem descrita e bem contextualizada tem mais chance de ser compreendida em qualquer formato de resultado.

O guia da Microsoft Advertising sobre otimização para IA, segundo análise do Search Engine Journal, também lista o texto alternativo de imagens entre as práticas para tornar o conteúdo utilizável por assistentes. Não há, porém, nenhuma indicação oficial de que um formato especial de alt favoreça citações em IA. A regra continua a mesma: descrever bem.

Como auditar o alt text do site

1. Faça um levantamento automatizado
   Rastreadores de SEO listam imagens sem alt, com alt vazio e com alt duplicado. As auditorias de acessibilidade do PageSpeed Insights e Lighthouse também apontam imagens sem texto alternativo em cada página testada.
2. Separe por tipo de página
   Priorize páginas de produto, categorias e conteúdos que geram tráfego. Ali o alt tem mais impacto em acessibilidade, conversão e busca de imagens.
3. Revise manualmente uma amostra
   Ferramentas detectam ausência, não qualidade. Leia os alts e confira se descrevem a função de cada imagem no contexto, como parte da rotina de SEO on-page.
4. Teste com leitor de tela
   Navegar uma página com NVDA, VoiceOver ou TalkBack mostra rapidamente alts redundantes, ausentes ou confusos.
5. Corrija na origem
   Ajuste o template, o plugin ou o campo do CMS que gera o alt. Corrigir imagem por imagem sem mudar o processo faz o problema voltar.

Perguntas Frequentes

Alt text ajuda a ranquear no Google?

Ajuda o Google a entender a imagem e o contexto da página, o que é especialmente relevante no Google Imagens. A documentação oficial chama o alt de o atributo mais importante para metadados de imagem. Ele não compensa, sozinho, uma página fraca.

Qual o tamanho ideal do alt text?

O Google não define limite de caracteres. A orientação de acessibilidade é ser breve e transmitir o significado da imagem no contexto. Na prática, uma frase curta resolve a maioria dos casos; informações longas vão para o texto da página.

Toda imagem precisa de alt?

Toda imagem precisa do atributo, mas nem toda precisa de descrição. Imagens decorativas devem usar alt="", para que leitores de tela as ignorem. Omitir o atributo é pior, porque alguns leitores anunciam o nome do arquivo.

Alt text e title são a mesma coisa?

Não. O alt substitui a imagem para leitores de tela e buscadores. O atributo title mostra uma dica ao passar o mouse, aparece só para quem usa mouse e não cumpre a função de alternativa em texto, então não deve ser usado no lugar do alt.