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

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).

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 ). 

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