TL;DR: Texto alternativo não tem uma regra universal de 125 caracteres. Ele deve ser o mais curto possível e tão longo quanto necessário para substituir a função da imagem no contexto. Imagens informativas simples costumam precisar de uma frase concisa. Imagens funcionais descrevem a ação. Imagens decorativas geralmente usam alt vazio. Gráficos complexos precisam de um rótulo curto e detalhes no texto próximo.
O tamanho do texto alternativo costuma ser reduzido a um número, mas acessibilidade não funciona assim. Uma descrição de dez palavras pode ser longa demais para uma imagem decorativa e curta demais para um gráfico. O texto certo depende do motivo pelo qual a imagem aparece e do que uma pessoa perderia sem vê-la.
Este guia explica como escrever texto alternativo para imagens informativas, funcionais, decorativas e complexas. Ele também cobre erros comuns, como excesso de palavras-chave, legendas repetidas e descrições que listam detalhes visuais sem comunicar a função. O objetivo é um substituto útil, não uma pontuação perfeita.
Escreva a descrição no contexto e confira o tamanho com o contador de caracteres. A contagem ajuda a encontrar uma descrição sobrecarregada, mas nunca deve forçar a remoção de informação necessária para compreender a página.
Qual deve ser o tamanho do texto alternativo?
Ele deve ser o mais curto possível e tão longo quanto necessário para comunicar a função da imagem. Uma frase concisa costuma funcionar para uma imagem informativa simples. Um ícone funcional pode precisar de poucas palavras. Um gráfico complexo geralmente exige um atributo curto e uma explicação mais longa em outro local.
Não existe máximo universal de 125 caracteres em HTML ou WCAG. Esse número é uma recomendação prática usada por algumas equipes e ferramentas antigas, não uma regra que torna um texto maior automaticamente inacessível.
Leia a página sem a imagem e pergunte qual informação está faltando. Escreva apenas esse substituto. Se a descrição virar um parágrafo, mova os detalhes para o texto visível para que mais pessoas possam usá-los.
O que o texto alternativo deve descrever?
Descreva a função da imagem e a informação que ela adiciona naquele contexto. Não liste todos os objetos visíveis quando os detalhes não importam. A mesma foto pode precisar de textos diferentes em uma notícia, página de produto ou perfil pessoal.
O W3C exige que conteúdos não textuais tenham uma alternativa com função equivalente, com exceções como decoração. Sua árvore de decisão para alternativas de imagem ajuda a escolher entre descrição, rótulo funcional, explicação próxima ou atributo alt vazio.
Evite começar com “imagem de” ou “foto de”, a menos que o meio seja importante. Leitores de tela e o código ao redor geralmente já identificam o conteúdo como imagem.
Imagens informativas, funcionais e decorativas
Classifique a imagem antes de escrever. A categoria determina se o texto deve descrever o conteúdo, explicar uma ação ou permanecer vazio.
- Imagem informativa: comunique o fato ou significado acrescentado. Exemplo: “Bicicleta vermelha estacionada ao lado da entrada da estação.”
- Imagem funcional: descreva a ação ou destino. Um botão com lupa precisa de “Pesquisar”, não “Lupa”.
- Imagem decorativa: use atributo alt vazio em HTML quando a imagem não acrescenta informação e deve ser ignorada.
- Imagem de texto: inclua palavras essenciais se não estiverem disponíveis como texto real próximo.
- Logotipo: identifique a organização quando o logo fornece essa informação. Dentro de um link inicial, o texto pode ser “Nome da empresa, início”.
Não repita a legenda palavra por palavra. A repetição aumenta a escuta sem acrescentar significado. Use a Diferença de Texto para comparar legenda e alt quando suspeitar de duplicação.
Como escrever para gráficos e imagens complexas?
Use um atributo curto para identificar o gráfico e a mensagem principal, depois forneça dados, relações ou processos importantes no texto próximo. Informações complexas raramente cabem bem em um atributo longo. Descrições visíveis também ajudam pessoas com baixa visão ou deficiência cognitiva.
Para um gráfico de linha, indique tema e tendência principal: “As solicitações mensais de suporte subiram de 120 em janeiro para 210 em junho.” Depois adicione tabela ou parágrafo se os valores exatos de cada mês forem importantes.
Para diagramas, descreva a sequência ou relação da qual a página depende. Não descreva toda forma, cor de seta ou posição, a menos que mude o sentido. A análise de legibilidade pode simplificar uma descrição visível longa sem remover etapas essenciais.
Erros comuns em textos alternativos
Um texto ruim geralmente não é longo ou curto demais. Ele é irrelevante, repetitivo ou escrito para buscadores em vez de pessoas.
- Usar nomes de arquivo como “IMG_2048.jpg”.
- Escrever “imagem de” antes de toda descrição.
- Repetir legenda, título ou parágrafo próximo.
- Inserir palavras-chave de produto que a imagem não comunica.
- Descrever cor ou posição sem explicar o significado.
- Dar descrição falada a imagens decorativas.
- Usar alt vazio quando a imagem é o único rótulo de um link ou botão.
Limpe descrições copiadas com o removedor de espaços extras para que quebras de linha e formatação invisível não entrem no campo do CMS.
Como verificar antes de publicar?
Revise a imagem no contexto real da página. Decida sua função, remova informação repetida, teste a página sem a imagem e confirme que o substituto apoia a mesma tarefa. Depois inspecione o HTML ou a saída do CMS para garantir que o atributo existe e está corretamente vazio quando decorativo.
- Identifique o tipo: informativa, funcional, decorativa, baseada em texto ou complexa.
- Leia o conteúdo próximo: evite repetir o que já está disponível.
- Escreva o substituto: foque na função e na informação útil.
- Confira o tamanho: reduza apenas quando houver redundância ou sobrecarga.
- Revise a acessibilidade visual: use o simulador de contraste quando houver texto ou gráfico essencial dentro da imagem.
- Teste a saída: confirme que alt vazio aparece como atributo vazio, não ausente.
Verificadores automáticos encontram atributos ausentes, mas não decidem se as palavras são úteis. A revisão humana é necessária porque a descrição correta depende do contexto.
O tamanho do texto alternativo é uma decisão de qualidade, não uma meta fixa de SEO. Imagens simples precisam de substituto conciso, imagens funcionais de ação clara, imagens decorativas devem ficar silenciosas e visuais complexos precisam de detalhes fora do atributo.
Escreva a descrição ao lado da imagem e use o contador de caracteres para encontrar tamanho desnecessário. Mantenha cada palavra que ajuda alguém a entender ou usar a página e remova somente os detalhes que não servem à função da imagem.