Um guia pragmático para texto alternativo de imagens em 2026

Por que o texto alternativo ainda importa

O texto alternativo faz parte da especificação HTML desde 1995. Trinta anos depois, a maioria das imagens na web ainda não tem atributo alt ou tem um texto alternativo que parece ter sido escrito por alguém que nunca usou um leitor de tela.

O problema já não é a falta de conscientização. A maioria dos sistemas de gerenciamento de conteúdo agora torna o campo alt obrigatório. O problema é que o texto alternativo virou uma caixa de conformidade a ser marcada, em vez de uma ferramenta de comunicação. As pessoas escrevem "imagem de uma pessoa sorrindo" quando o contexto real é "CEO anunciando os resultados do Q4".

O texto alternativo existe por um motivo: transmitir o propósito de uma imagem a alguém que não consegue vê-la. Esse propósito muda dependendo do contexto. Uma foto de uma xícara de café na página inicial de um café tem uma função diferente da mesma foto em um post de blog sobre técnicas de esmaltação cerâmica.

Em 2026, também temos ferramentas de AI que podem gerar texto alternativo automaticamente. Essas ferramentas estão melhorando, mas ainda não entendem contexto. Elas descrevem o que veem, não por que a imagem está ali.

A árvore de decisão: esta imagem precisa de texto alternativo?

Nem toda imagem precisa de texto alternativo descritivo. Algumas imagens são decorativas. Algumas são redundantes. Algumas funcionam melhor com legendas ou com o texto ao redor.

Este é o processo de decisão:

A imagem transmite informação que não está disponível no texto ao redor? Se sim, ela precisa de texto alternativo. Se não, provavelmente é decorativa.

Uma pessoa cega perderia algo importante se esta imagem desaparecesse? Se sim, escreva texto alternativo. Se não, use um atributo alt vazio (alt="") para dizer aos leitores de tela que a ignorem.

A imagem é um link ou botão? O texto alternativo se torna o texto do link. Descreva o destino, não a imagem. "Ver planos de preços" é melhor do que "ícone de seta".

A imagem é complexa — um gráfico, diagrama ou infográfico? O texto alternativo tem limites práticos de tamanho (cerca de 125 caracteres é confortável para a maioria dos leitores de tela). Imagens complexas precisam de descrições mais longas, seja em uma legenda, no corpo do texto ou via aria-describedby.

Como um bom texto alternativo realmente soa

Um bom texto alternativo é específico, conciso e atento ao contexto. Ele responde à pergunta: Por que esta imagem está aqui?

Ruim: "Imagem de um gráfico"

Melhor: "Gráfico de linha mostrando aumento de 23% no tráfego móvel de janeiro a março de 2026"

Ruim: "Uma pessoa usando um laptop"

Melhor: "Designer revisando mockups de site no Figma"

Ruim: "Clique aqui"

Melhor: "Baixar a checklist completa de auditoria de acessibilidade (PDF)"

Observe que um bom texto alternativo muitas vezes inclui números, ações ou resultados. Ele não descreve cada detalhe visual. Ele descreve o que importa.

Para imagens decorativas — texturas de fundo de hero, bordas ornamentais, ilustrações puramente estéticas — use alt="". Isso não é preguiça. É honestidade semântica. Leitores de tela vão ignorar a imagem por completo, que é o que você quer.

Erros comuns que desperdiçam o tempo de todo mundo

Começar com "Imagem de" ou "Foto de": Leitores de tela já anunciam que é uma imagem. Vá direto para a descrição.

Encher de palavras-chave para SEO: Texto alternativo não é lugar para enfiar "melhores grãos de café orgânico Brooklyn artesanal torrado". A busca de imagens do Google é boa em detectar isso há anos. Escreva para pessoas.

Descrever o nome do arquivo: "IMG_3847.jpg" não ajuda ninguém. "hero-banner-final-v3" também não.

Escrever um romance: Se o seu texto alternativo tem mais de duas frases, a informação provavelmente deveria estar em uma legenda ou no corpo do texto.

Repetir o texto adjacente: Se o título diz "Como assar pão de fermentação natural" e a imagem mostra alguém modelando a massa, o texto alternativo não precisa repetir o título. Descreva o que é visualmente distinto: "Mãos dobrando massa de fermentação natural sobre uma superfície enfarinhada."

Ferramentas e fluxos de trabalho que realmente ajudam

A maioria dos CMSs modernos já tem campos de texto alternativo integrados. WordPress, Webflow, Contentful e Sanity exibem o atributo alt com destaque durante o upload. O fato de o campo estar visível não significa que ele seja bem preenchido.

Se você está auditando um site em busca de texto alternativo ausente ou ruim, extensões de navegador como Accessibility Insights ou axe DevTools podem sinalizar imagens sem atributos alt. Para uma verificação manual rápida, desative as imagens no seu navegador (Firefox e Chrome oferecem suporte a isso) e leia a página. Se o texto alternativo fizer sentido no contexto, você está no caminho certo.

Texto alternativo gerado por AI — disponível em ferramentas como Azure Computer Vision, Google Cloud Vision ou integrado a plataformas como Cloudflare Images — pode ser um ponto de partida razoável, especialmente para grandes bibliotecas de imagens. Mas trate o texto alternativo de AI como um primeiro rascunho. Ele vai descrever o conteúdo da imagem com precisão, mas não vai saber por que a imagem está na página. Um editor humano ainda precisa acrescentar contexto.

Se você está trabalhando em um site com uso intenso de imagens e quer detectar problemas de desempenho cedo, ferramentas como o Wux Webtools' Image Compressor podem ajudar a otimizar tamanhos de arquivo antes do upload — porque o texto alternativo só é útil se a imagem realmente carrega.

Texto alternativo e SEO em 2026

O Google diz há anos que texto alternativo é um fator de ranqueamento para busca de imagens. Isso continua sendo verdade. Mas otimização para busca de imagens não é a mesma coisa que acessibilidade.

Se você escreve texto alternativo principalmente para SEO, vai acabar com um monte de palavras-chave sem sentido que tornam a página mais difícil de navegar para usuários de leitores de tela. Se você escreve texto alternativo primeiro para acessibilidade, os benefícios de SEO surgem naturalmente, porque texto alternativo descritivo e contextual é exatamente o que o algoritmo de busca de imagens do Google está tentando destacar.

Uma nuance: o Google Images agora usa o conteúdo ao redor da página muito mais intensamente do que antes. Se o seu texto alternativo é bom, mas genérico ("bolo de chocolate com cobertura"), e sua página é sobre confeitaria vegana, o Google vai entender o contexto. Você não precisa escrever "bolo de chocolate vegano com cobertura sem laticínios" a menos que essa distinção seja visualmente óbvia na imagem.

Principais conclusões

• O texto alternativo existe para transmitir o propósito de uma imagem, não para descrever cada detalhe visual
• Imagens decorativas devem usar alt="" para que leitores de tela as ignorem por completo
• Um bom texto alternativo é específico, atento ao contexto e responde "por que esta imagem está aqui?"
• Texto alternativo gerado por AI é um ponto de partida útil, mas ainda precisa de edição humana para contexto
• Escreva primeiro para acessibilidade; os benefícios de SEO surgem naturalmente a partir de um texto claro e descritivo

FAQ

Q: Posso simplesmente usar AI para gerar todo o meu texto alternativo?

A: Ferramentas de AI são boas em descrever o que há em uma imagem, mas não entendem contexto. Se você trabalha com centenas de imagens de produtos e precisa de uma base, texto alternativo de AI é aceitável. Para conteúdo editorial, páginas de marketing ou qualquer caso em que o motivo da existência da imagem importe, uma pessoa precisa revisar e editar.

Q: Qual deve ser o tamanho do texto alternativo?

A: A maioria dos leitores de tela funciona confortavelmente com 125 caracteres ou menos. Se você precisa de mais do que isso, a informação provavelmente pertence a uma legenda, ao corpo do texto ou a uma descrição mais longa vinculada via aria-describedby. Não há um limite técnico rígido, mas texto alternativo mais longo fica difícil de navegar.

Q: Preciso de texto alternativo para logos?

A: Sim, mas mantenha simples. Se o seu logo está no cabeçalho e leva à página inicial, o texto alternativo deve ser o nome da sua empresa: alt="Acme Corp". Não escreva alt="Acme Corp logo" a menos que o fato de ser um logo seja de alguma forma relevante para o contexto.

Q: Qual é a diferença entre texto alternativo e legenda?

A: Texto alternativo é um substituto direto da imagem. Ele é lido por leitores de tela quando a imagem é encontrada. Uma legenda é informação suplementar, visível para todos, que adiciona contexto ou atribuição. Se você tem os dois, eles não devem se repetir.

Q: Devo adicionar texto alternativo a imagens de fundo em CSS?

A: Não. Imagens de fundo em CSS são decorativas por definição e não são expostas a leitores de tela. Se uma imagem de fundo transmite informação importante, ela deve ser um elemento <img> no HTML com texto alternativo adequado.

Fontes

• W3C Web Accessibility Initiative: Tutorial de imagens
• WebAIM: Texto alternativo
• Nielsen Norman Group: Texto alternativo para imagens
• Google Search Central: Melhores práticas de SEO para imagens