O texto alternativo de uma imagem não é uma etiqueta para repetir palavras-chave nem uma descrição automática de tudo o que aparece em uma foto. Sua função é ajudar a preservar o sentido do conteúdo quando a imagem não pode ser percebida. Para decidir o que escrever, primeiro pergunte o que aquela imagem acrescenta à página.
A mesma imagem pode precisar de textos diferentes conforme o contexto. A foto de uma xícara pode ser decorativa em um artigo sobre hábitos de trabalho, mas informativa em uma loja que vende o produto. Por isso, vale avaliar cada caso no momento da publicação, em vez de aplicar uma fórmula igual em todo o site.
Comece pela função, não pela aparência
Observe a imagem dentro da página e pergunte: se eu não pudesse vê-la, que informação, ação ou significado perderia? O tutorial de imagens da Iniciativa de Acessibilidade na Web do W3C distingue, entre outros casos, imagens informativas, decorativas, funcionais e complexas. Essa classificação ajuda a evitar uma descrição que parece precisa, mas não atende à necessidade de quem lê.
- Informativa: acrescenta um dado ou uma ideia que não está expressa de outra forma.
- Decorativa: complementa o design, mas não acrescenta informação necessária.
- Funcional: aciona um link ou controle; o importante é explicar o que faz.
- Complexa: apresenta informações detalhadas, como um gráfico, que também devem estar disponíveis em texto.
O que escrever para cada tipo de imagem
Imagens informativas: comunique o essencial
Descreva o aspecto que ajuda a entender o conteúdo, não cada detalhe visível. Se a imagem mostra um gráfico de visitas ao site, o texto alternativo deve resumir a tendência relevante; dizer apenas “gráfico de linhas” não basta. Se mostra alguém usando uma ferramenta e o artigo explica esse uso, mencione a ação que oferece contexto.
Antes de redigir, identifique a ideia que a página precisa comunicar. Depois, escreva uma frase curta e natural que a transmita. Não é necessário começar com “imagem de” ou “foto de”: a pessoa já está diante de um elemento gráfico. Evite detalhes que não ajudam a explicar o conteúdo.
Imagens decorativas: evite ruído
Se uma imagem é puramente ornamental, seu texto alternativo pode ser vazio: alt="". Isso indica que ela não precisa de descrição; não significa omitir o atributo. Acrescentar textos como “linha azul decorativa” pode desviar a atenção das informações importantes. Se a imagem contém palavras que já aparecem por completo ao lado, repeti-las também pode ser desnecessário.
Imagens que funcionam como links ou botões
Se a imagem é o único conteúdo de um link ou botão, descreva seu destino ou ação, como “Ir para a página de contato” ou “Pesquisar”. Não se limite a descrever o ícone, como “lupa”, se a finalidade do controle é pesquisar. Quando o link já tem um texto visível que explica sua função, verifique se a imagem repete essa informação; uma alternativa vazia pode evitar duplicações.
Gráficos e imagens com texto
Se uma imagem contém um texto que não está disponível em outro lugar, garanta que essa informação apareça no texto alternativo ou no conteúdo próximo. Para um gráfico complexo, uma frase curta pode identificá-lo, mas os dados e conclusões relevantes também devem ser explicados no corpo da página, por exemplo em uma tabela, resumo ou outro equivalente textual.
Um processo rápido para revisar cada imagem
- Leia o conteúdo ao redor. Identifique quais informações já estão escritas.
- Determine a finalidade. A imagem informa, decora, aciona uma ação ou apresenta dados complexos?
- Escolha a resposta adequada. Escreva uma descrição útil, indique a função, use
alt=""se for decorativa ou apresente informações complexas em texto. - Experimente ler sem a imagem. Leia o texto alternativo junto com o conteúdo e confira se faz sentido sem repetições desnecessárias.
- Verifique a página publicada. Confirme se o campo foi salvo e se não ficou vazio por engano em uma imagem informativa.
Erros frequentes que vale evitar
- Repetir o nome do arquivo: “IMG_4832” não explica o que a imagem acrescenta.
- Acumular palavras-chave: o texto deve ajudar a compreender, não funcionar como uma lista de termos para busca.
- Descrever tudo: uma lista de cores, objetos e posições pode esconder o ponto relevante.
- Usar o mesmo texto em todas as imagens: cada imagem pode ter uma função diferente em cada página.
- Confundir descrição com ação: em um botão, explique o que acontece quando ele é acionado.
- Deixar de fora informações essenciais de um gráfico: dar um nome ao gráfico não substitui apresentar seus dados ou conclusões.
A árvore de decisão da WAI para o atributo alt oferece um caminho organizado para resolver dúvidas. Ela pergunta se a imagem contém texto, se é necessária para entender um link ou se acrescenta significado ao contexto. É uma referência útil quando você não sabe se deve descrever a imagem ou marcá-la como decorativa.
A descrição mais útil não é a mais longa: é aquela que preserva a informação ou a função que a imagem acrescenta à página.
Inclua a revisão no processo de publicação
Para começar, escolha uma página importante e revise suas imagens uma a uma. Anote quais transmitem informação, quais são decorativas e quais permitem uma ação. Corrija primeiro as que contêm dados ou formam links sem texto e, depois, incorpore essa revisão à rotina de publicação. Assim, o texto alternativo deixa de ser um campo preenchido ao acaso e passa a fazer parte de um conteúdo mais claro e acessível.
