Referência de práticas recomendadas de acessibilidade em e-mails e formulários

read
Last updated at:

O que você vai aprender

Saiba como tornar seu e-mail e formulário de registro mais acessíveis. Ao projetar seu e-mail e formulário de registro, o senhor deve certificar-se de que seus designs sejam acessíveis a todos os seus Destinatários.  

Acessibilidade em e-mails

Otimizar a linha de assunto e visualizar o texto

Faça com que a linha de assunto e o texto de visualização sejam descritivos, atraentes e curtos.

Siga as práticas recomendadas gerais de design de e-mail

Seguir as práticas recomendadas gerais de design de e-mail tornará seu e-mail mais acessível:

  • Adicione texto alternativo a todas as suas imagens.
  • Evite e-mails somente com imagens.
  • Evite usar imagens para transmitir detalhes importantes.
  • Use cores bem contrastantes (por exemplo, branco e preto, cinza e azul escuro, rosa e vermelho escuro).
  • Use cabeçalhos para separar as ideias.
  • Use links descritivos (por exemplo, "Shop the collection" em vez de "Click here to go to the collection").
  • Estruture seu e-mail de forma lógica.

Abaixo está um exemplo de um e-mail otimizado para todos os destinatários (à esquerda) e um que não está (à direita).

Um exemplo de acessibilidade em e-mails

Acessibilidade nos formulários de inscrição

Klaviyo otimiza automaticamente o formulário de registro para acessibilidade. Um formulário Klaviyo publicado em seu site permite que os visitantes do site naveguem pelo formulário usando totalmente seus teclados e leitores de tela. Além disso, os visitantes do site podem fechar um formulário com a tecla escape e enviar com a tecla enter. É possível adicionar uma cor de contorno de foco, localizada na guia Styles (Estilos ) do editor de formulários, para ajudar os usuários a entender qual campo está destacado ao navegar pelo formulário.

Design do formulário de inscrição

Assim como no design de e-mail, o senhor deve seguir algumas diretrizes básicas para garantir que todos os seus Destinatários recebam as informações que deseja compartilhar com eles por meio dos formulários. Ao projetar formulários:

  • Use cores contrastantes.
  • Evite colocar informações pertinentes nas imagens
  • Use linguagem descritiva nos links
  • Crie seus formulários em uma estrutura lógica.

Durante a criação do formulário de registro, o site Klaviyo monitora vários problemas de acessibilidade e solicita a correção dos problemas identificados na guia Forms Alerts (Alertas de formulários ). 

Veja como criar um formulário de inscrição compatível com a ADA para saber mais sobre como criar formulários de inscrição acessíveis no editor de formulários do Klaviyo. 

Abaixo está um exemplo de um formulário bem projetado (à direita) e um formulário que não será acessível a todos (à esquerda). 

Um exemplo de acessibilidade em formulários de inscrição.

Recursos adicionais

x
Esse artigo foi útil?
Usuários que acharam isso útil: 39 de 64