Práticas recomendadas de acessibilidade em e-mails e formulários

O que você vai aprender

Saiba como deixar seus e-mails e formulários de registro mais acessíveis. Ao criar seus e-mails e formulários de registro, você vai querer garantir que seus designs sejam acessíveis a todos os seus destinatários. 

Acessibilidade em e-mails

Otimize as linhas de assunto e o texto de visualização

Deixe suas linhas de assunto e o texto de pré-visualização 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á seus e-mails mais acessíveis:

• Adicione texto alternativo a todas as suas imagens.
• Evite e-mails apenas com imagens.
• Evite usar imagens para transmitir detalhes importantes.
• Use cores com contraste bem forte (por exemplo, branco e preto, cinza e azul-escuro, rosa e vermelho-escuro).
• Use cabeçalhos para separar ideias.
• Use links descritivos (por exemplo, "Compre a coleção" em vez de "Clique aqui para acessar a coleção").
• Estruture seus e-mails de forma lógica.

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

Acessibilidade em formulário de registro

A Klaviyo otimiza automaticamente formulários de registro para acessibilidade. Um formulário da Klaviyo publicado no seu site permite que visitantes naveguem pelo formulário totalmente usando o teclado e leitores de tela. Além disso, visitantes podem fechar um formulário com a tecla Esc e enviar com a tecla Enter. Você pode adicionar uma Cor do contorno de foco, localizada na guia Estilos dentro do editor de formulários, para ajudar os usuários a entender qual campo está destacado ao navegar pelo formulário usando a tecla Tab.

Design do formulário de registro

Assim como no design de e-mails, você vai querer seguir algumas diretrizes básicas para garantir que todos os seus destinatários recebam as informações que você quer compartilhar com eles por meio dos seus formulários. Ao criar formulários:

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

Ao criar seu formulário de registro, a Klaviyo monitora uma série de problemas de acessibilidade e vai solicitar que você corrija qualquer problema identificado na guia Alertas de formulários.

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

Recursos adicionais