Adicionar texto alternativo às imagens

Sabemos que o design dos seus e-mails é importante, e as imagens são essenciais para que ele funcione. No entanto, em alguns casos o inscrito não consegue visualizar essas imagens em seus e-mails. É aí que entra o texto alternativo.

Neste artigo, você aprenderá sobre o texto alternativo para imagens e como adicioná-lo aos seus e-mails para que todos os inscritos tenham uma ótima experiência.

Sobre o texto alternativo

O texto alternativo é uma descrição curta de uma imagem do seu e-mail, exibido quando um inscrito não consegue visualizar suas imagens. Isso pode acontecer se as imagens estiverem desativadas no cliente de e-mail ou se esse inscrito estiver visualizando o e-mail com um leitor de tela.

O texto alternativo ajuda os inscritos a entenderem o valor que uma imagem traz para a mensagem como um todo, ou informa que a imagem é decorativa e pode ser ignorada. Pode parecer um detalhe pequeno, mas o texto alternativo é muito importante se os inscritos não puderem ver as imagens, então inclua-o em todas as imagens do seu e-mail.

Texto alternativo e acessibilidade

O texto alternativo é muito importante para as pessoas que usam leitores de tela, por isso é considerado uma prática recomendada básica para a acessibilidade do e-mail.

Sem o texto alternativo, o leitor de tela informará que há uma imagem, mas o inscrito não terá como saber qual informação essa imagem transmite. Para saber mais sobre as melhores práticas de acessibilidade, consulte Acessibilidade em marketing por e-mail.

Texto alternativo e exibição de imagem

Se as imagens não estiverem aparecendo na caixa de entrada dos inscritos, elas podem estar sendo bloqueadas pelo cliente de e-mail. Por motivos de segurança, muitos clientes de e-mail desativam as imagens por padrão, então os inscritos precisam ativar a exibição de imagens manualmente. Se estiverem com as imagens bloqueadas, os inscritos verão o texto alternativo no lugar delas.

O texto alternativo é exibido desta forma quando as imagens estão bloqueadas.

Esta imagem não tem texto alternativo.

Esta imagem sim.

Dicas para criar bons textos alternativos

Algumas dicas para ajudar você a escrever textos alternativos adequados e eficazes.

• Seja conciso
  O texto alternativo deve ser fácil de ler e compreender, para que os inscritos possam continuar com o restante da mensagem. A ideia é usar uma ou duas frases.
• Use pontuação adequada
  Os leitores de tela usam a pontuação para saber onde pausar quando leem o conteúdo, por isso é importante usar a pontuação adequada no texto alternativo.
• Não use aspas
  O atributo alt inserido no HTML bruto do e-mail usa aspas para identificar onde começa e termina o texto alternativo. Aspas adicionais corrompem o HTML.
• Repita o texto que aparece nas imagens
  É sempre melhor manter as informações importantes no texto principal da mensagem e não em uma imagem. No entanto, se uma imagem incluir texto, é bom repeti-las no texto alternativo para que os inscritos não percam essas informações.
• Não repita as legendas das imagens
  As legendas são lidas por leitores de tela e exibidas mesmo quando as imagens são bloqueadas, por isso não as repita no texto alternativo. O texto alternativo deve fornecer informações sobre a imagem que o inscrito não possa ter somente com a legenda.
• Considere o contexto
  O contexto é a coisa mais importante a considerar na hora de escrever um texto alternativo para uma imagem. Qual é a relação entre a imagem e o conteúdo em torno dela? Pense nas informações que os inscritos já têm sobre a imagem com base no conteúdo ao redor dela.
• Identifique imagens decorativas
  Se a imagem for puramente decorativa, informe isso no texto alternativo para que os inscritos possam passar para o restante da mensagem. Por exemplo, basta escrever "Imagem decorativa".
• Teste seu conteúdo
  Alguns clientes de e-mail não exibem textos alternativos de imagens em link nem textos maiores que a largura da imagem. Envie e-mails de teste para vários clientes de e-mail e desative as imagens para descobrir como o texto alternativo será exibido.
  Visualizar e testar seu e-mail

Adicionar um texto alternativo às imagens

Existem algumas maneiras de adicionar texto alternativo a imagens no Mailchimp, e o método que você usa depende de onde a imagem está localizada.

• Em um bloco de imagem
• Em um bloco de texto
• Em modelos com código personalizado

Em um bloco de imagem

Para adicionar texto alternativo a uma imagem em qualquer bloco de conteúdo de imagem, por exemplo Imagem, Grupo de imagens, Cartão de imagem ou Imagem + Legenda, siga estas etapas.

1. Na seção Conteúdo da lista de verificação de e-mail, clique em Editar design.
   
2. Na etapa Design, clique no bloco de imagem com o qual você quer trabalhar.
3. No painel de edição, clique em Alt (Alternativo).
   
4. Preencha o campo Image Alt-Text (Texto alternativo da imagem).
5. Clique em Update (Atualizar).
   
6. Clique em Save & Close (Salvar e Fechar).

Pronto! Agora, os assinantes saberão sobre o seu conteúdo mesmo se não puderem visualizar as imagens.

Em um bloco de texto

Para adicionar texto alternativo a uma imagem em um bloco de conteúdo Texto, siga estas etapas:

1. Na seção Conteúdo da lista de verificação de e-mail, clique em Editar design.
   
2. Na etapa Design, clique no bloco de texto que contém a imagem com a qual você quer trabalhar.
3. Clique duas vezes na imagem para abrir o Estúdio de Conteúdo.
   
4. Clique em show image style options (mostrar opções de estilo da imagem).
   
5. No campo Alt text, insira o texto alternativo da imagem.
6. Clique em Save & Insert Image (Salvar e inserir imagem).
   
7. Clique em Save & Close (Salvar e fechar).

Muito bem! Agora, os assinantes saberão sobre o seu conteúdo mesmo se não puderem visualizar as imagens.

Em modelos com código personalizado

Nos modelos programados por você, você precisará incluir um atributo alternativo para cada imagem que usar. Insira o atributo alternativo dentro da etiqueta de imagem e digite o seu texto alternativo.

O código deve ficar mais ou menos assim:

<img alt="Woman holding a small clay pot stamped with the Potted Planter logo." align="none" height="400" src="https://gallery.mailchimp.com/example.jpg" style="width: 600px; height: 400px; margin: 0px;" width="600" />