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

O que você vai aprender

Saiba como tornar seus e-mails e formulários de inscrição mais acessíveis. Ao projetar seus e-mails e formulários de inscrição, o senhor deve certificar-se de que os designs sejam acessíveis a todos os destinatários. Embora dedicar um tempo para fazer o trabalho extra possa parecer um incômodo, para os milhões de pessoas que vivem com uma deficiência em todo o mundo, o tempo extra do senhor será tremendamente recompensado. 

Acessibilidade em e-mails

Otimização de linhas de assunto e texto de visualização

Certificar-se de fazer um esforço extra nas linhas de assunto e no texto de visualização não apenas torna seus e-mails mais acessíveis, mas também afeta suas taxas de abertura. O senhor deseja que as linhas de assunto e o texto de visualização sejam descritivos, atraentes e curtos.

Design básico de e-mail

Assim como acontece com as linhas de assunto, se o senhor tiver seguido as práticas recomendadas de design para seus e-mails, também tornará seus e-mails mais acessíveis. Ou seja, adicionar texto alternativo a todas as suas imagens, evitar e-mails somente com imagens, usar cores bem contrastantes (por exemplo, branco e preto, cinza e azul escuro, rosa e vermelho escuro), usar cabeçalhos para separar ideias, links descritivos (por exemplo, "Compre a coleção" em vez de "Clique aqui para ir para a coleção") e criar uma estrutura lógica para seus e-mails. Essas práticas recomendadas garantirão que todos os seus clientes recebam suas mensagens e também que o senhor atinja a caixa de entrada.

Lista de verificação e exemplo

1. Escreva linhas de assunto e textos de visualização que sejam descritivos, curtos e diretos.
2. Adicione texto alternativo a todas as imagens.
3. Evite colocar informações pertinentes nas imagens.
4. Use cores contrastantes.
5. Use cabeçalhos para separar as ideias.
6. Use linguagem descritiva nos links.
7. Crie e-mails em uma estrutura lógica.

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

Acessibilidade nos formulários de inscrição

Felizmente, o código por trás dos formulários de inscrição do Klaviyo permite que todos os destinatários analisem as informações necessárias. Um formulário do Klaviyo publicado no seu site permite que os visitantes do site naveguem automaticamente pelo formulário usando apenas o teclado, e os leitores de tela podem ler os formulários. Além disso, os visitantes do site podem fechar um formulário com a tecla escape e enviá-lo com a tecla enter. Além disso, o senhor pode adicionar uma cor de contorno de foco, localizada na guia Styles (Estilos ) do editor de formulários, ajudando os usuários a entender qual campo está destacado ao percorrer o formulário.

Design do formulário de inscrição

Assim como no design de e-mail, é necessário seguir algumas diretrizes básicas para garantir que todos os destinatários recebam as informações que você deseja compartilhar com eles por meio dos formulários. Ao projetar formulários, use cores contrastantes, evite colocar informações pertinentes em imagens, use linguagem descritiva nos links e crie seus formulários em uma estrutura lógica. Observe que, à medida que o senhor cria seus formulários de inscrição, o Klaviyo monitora vários problemas de acessibilidade e preenche os prompts para corrigir os problemas identificados na guia Forms Alerts (Alertas de formulários ). 

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

Recursos adicionais

• WebAIM: verificador de contraste
• Sim Daltonismo: simulador de daltonismo
• Funkify: Simulador de deficiência do Google Chrome