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 ).
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).
Recursos adicionais
- WebAIM: verificador de contraste
- Sim Daltonismo: simulador de daltonismo
- Funkify: Simulador de deficiência do Google Chrome