Acessibilidade

Como escrever o texto alternativo de imagens geradas por IA

O texto alternativo descreve a imagem a quem não consegue vê-la. Uma fórmula simples, quando deixá-lo vazio e exemplos de produto, ilustração e gráfico.

6 min de leitura
Uma pequena lupa de latão em pé sobre uma mesa escura, com uma luz violeta brilhando através da lente e uma névoa suave ao fundo

Você criou uma imagem, ficou exatamente como queria, e agora o editor da página pede um "texto alternativo". A maioria digita o nome do arquivo, cola o prompt ou deixa o campo em branco. As três opções desperdiçam o campo. O texto alternativo são poucas palavras que substituem a imagem quando ela não pode ser vista: para quem usa leitor de tela, para quem tem conexão lenta, para o buscador que lê a página. Este é um jeito curto e prático de escrevê-lo para imagens que você mesmo gerou.

Para que serve de verdade o texto alternativo

Ele tem uma única função: dar ao leitor o que a imagem dá a quem enxerga, no lugar onde a imagem está. Não é uma legenda (a legenda é visível para todos e acrescenta contexto) nem uma caixa de palavras-chave. Os buscadores o leem, e uma descrição clara e honesta os ajuda a entender a página, mas uma frase recheada de termos de busca não ajuda ninguém, e quem usa leitor de tela percebe na hora.

Uma fórmula simples

Faça três perguntas, nesta ordem, e escreva uma frase simples com as respostas.

  1. O que é? O assunto principal, em palavras do dia a dia: uma caneca de cerâmica, um farol, um gráfico de barras.
  2. O que importa nela aqui? O detalhe de que a página precisa: a cor do produto, o clima da capa, a tendência do gráfico.
  3. Que tipo de imagem é? Só quando muda o sentido: ilustração, render 3D, render em estilo de foto, aquarela.

Mantenha em mais ou menos uma frase. Dispense "imagem de" e "foto de": o leitor de tela já anuncia que é uma imagem.

Informativa ou decorativa: decida primeiro

Antes de escrever qualquer coisa, pergunte se a imagem traz uma informação que o texto ao lado não traz. Uma foto de produto na página do produto traz. Um fundo abstrato e calmo atrás de um título não traz. Uma imagem decorativa deve ter o atributo alt vazio (alt=""), que diz às tecnologias assistivas para ignorá-la. Isso é melhor do que uma descrição que faz alguém ouvir "degradê roxo com luz suave" três vezes na mesma página.

  • Informativa: fotos de produto, ilustrações que explicam algo, gráficos, a capa de um artigo. Descreva-as.
  • Decorativa: texturas, divisores, fundos de clima, uma imagem de cabeçalho que só repete o título. Deixe o alt vazio.
  • Funcional: uma imagem dentro de um link ou botão. Descreva para onde leva ou o que faz, não como ela é.

Descreva o estilo com honestidade

Uma imagem gerada não é a fotografia de um lugar real, e o texto alternativo não deve fingir que é. Se o estilo importa para o leitor, diga qual é: "Ilustração de um farol num penhasco ao entardecer" ou "Imagem renderizada de uma caneca de cerâmica sobre uma mesa de carvalho". Não escreva "foto de" para algo que nunca foi fotografado. O objetivo não é divulgar a ferramenta, e sim não enganar quem não tem como conferir. Se você publica imagens geradas, o guia para reconhecer imagens de IA trata do outro lado dessa honestidade.

Três exemplos

Uma foto de produto

Na página de uma loja, o leitor precisa do que um cliente veria: cor, formato e o cenário só se importar.

Prompt
Imagem renderizada de uma caneca de cerâmica verde fosca com alça larga, sobre uma mesa de carvalho claro com luz suave de janela
O assunto, o detalhe que importa e o tipo honesto de imagem. Sem palavras-chave extras.

Uma ilustração

Para uma capa de blog que dá o clima, uma frase curta basta, e um alt vazio também serve se o título já diz tudo.

Prompt
Ilustração em estilo aquarela de um barquinho sob uma lua enorme em águas calmas

Uma imagem em forma de gráfico

Aqui a imagem carrega dados, então o alt precisa carregar a mensagem. Cuidado: os modelos de imagem desenham coisas que parecem gráficos, mas os números e rótulos não são confiáveis (o guia de mãos e texto explica o motivo). Crie um gráfico de verdade numa ferramenta de gráficos e escreva o alt a partir dos dados reais. Coloque os números completos numa tabela ou no texto ao lado.

Prompt
Gráfico de barras de cadastros mensais crescendo a cada mês de janeiro a junho, com o maior salto em abril
A conclusão, não as cores. Os valores exatos vão no texto da página.

Use o prompt como rascunho, não como cópia

O prompt que você escreveu é um bom primeiro rascunho, porque já nomeia o assunto. Mas não o cole direto. Um bom prompt é uma receita para o modelo: traz termos de iluminação, palavras de câmera e etiquetas de estilo que não significam nada para quem ouve (o guia de prompts explica por que ajudam o modelo). Além disso, o prompt descreve o que você queria, enquanto o texto alternativo precisa descrever o que realmente está na imagem final. Os modelos se desviam: a terceira caneca pode ficar sem alça. Olhe o resultado, mantenha o assunto do prompt, tire as palavras técnicas e corrija o que não saiu como pedido.

Uma lista rápida

  • A imagem é informativa, decorativa ou funcional?
  • Uma frase, assunto primeiro, sem "imagem de".
  • O detalhe de que esta página precisa, não todos os detalhes.
  • O tipo de imagem indicado quando importa (ilustração, render).
  • Combina com a imagem final, não só com o prompt.
  • Sem listas de palavras-chave, sem nomes de arquivo.

O que o estúdio faz e o que não faz

O estúdio cria a imagem; ele não escreve o texto alternativo por você nem o inclui nos seus downloads. A imagem chega em 2K e a descrição fica por sua conta, onde você publicar, que é onde o contexto da página é conhecido. A decisão é sua: só você sabe para que serve a imagem. Para trabalhos de produto e de capa, os artigos sobre fotografia de produto e imagens de cabeçalho para blog mostram as imagens a que este conselho se aplica. Abra o estúdio para criá-las, ou veja a página de modelos para conhecer os estilos disponíveis.

Perguntas

Qual deve ser o tamanho do texto alternativo?

Mais ou menos uma frase clara. Longa o bastante para dizer o que a imagem mostra e por que está ali, curta o bastante para ser ouvida em poucos segundos. Explicações mais longas, como os dados de um gráfico, vão no texto da página.

Devo colar o meu prompt de IA como texto alternativo?

Não. Use-o como rascunho do assunto, depois tire os termos de iluminação, câmera e estilo e confira com a imagem final, já que o resultado pode ser diferente do prompt.

A arte decorativa de IA precisa de texto alternativo?

Não. Se a imagem não acrescenta informação, use o atributo alt vazio para que os leitores de tela a ignorem. Às imagens informativas, dê uma descrição curta.

O estúdio escreve o texto alternativo automaticamente?

Não. Ele só gera a imagem. A descrição é você quem escreve, onde publicar, porque você conhece a página a que ela pertence.

#Acessibilidade#SEO#Imagens

Continue lendo

Todos os artigos →