Referencia de las prácticas recomendadas para la accesibilidad en emails y formularios

Qué aprenderás

Descubre cómo hacer que tus emails y formularios de registro sean más accesibles. Al diseñar tus emails y formularios de registro, querrás asegurarte de que tus diseños sean accesibles para todos los destinatarios. 

Accesibilidad en emails

Optimizar los asuntos y el texto de vista previa

Haz que el asunto y el texto de vista previa sean descriptivos, atractivos y breves.

Sigue las prácticas recomendadas generales de diseño de email

Seguir las prácticas recomendadas generales de diseño de emails hará que tus emails sean más accesibles:

• Añade texto alternativo a todas tus imágenes.
• Evita los emails de solo imágenes.
• Evita usar imágenes para transmitir detalles clave.
• Utiliza colores muy contrastados (p. ej., blanco y negro, gris y azul oscuro, rosa y rojo oscuro).
• Utiliza encabezados para separar ideas.
• Usa enlaces descriptivos (p. ej., «Comprar la colección» en lugar de «Haz clic aquí para ir a la colección»).
• Estructura tus emails de forma lógica.

A continuación se muestra un ejemplo de un email optimizado para todos los destinatarios (izquierda) y otro que no lo está (derecha).

Accesibilidad en formularios de registro

Klaviyo optimiza automáticamente los formulario de registro para la accesibilidad. Un formulario de Klaviyo publicado en tu sitio web permite que los visitantes del sitio naveguen por el formulario por completo con sus teclados y lectores de pantalla. Además, los visitantes del sitio pueden cerrar un formulario con la tecla Escape y enviar el formulario con la tecla Intro. Puedes añadir un Color de contorno de enfoque, situado en la pestaña Estilos dentro del editor de formularios, para ayudar a los usuarios a entender qué campo está resaltado al avanzar por el formulario con la tecla Tabulador.

Diseño de formularios de registro

Al igual que con el diseño de email, te conviene seguir algunas directrices básicas para asegurarte de que todos tus destinatarios reciban la información que quieres compartir con ellos a través de tus formularios. Al diseñar formularios:

• Usa colores contrastantes.
• Evita incluir información importante en imágenes
• Usa un lenguaje descriptivo en los enlaces
• Estructura tus formularios de forma lógica.

Mientras creas tus formularios de registro, Klaviyo supervisa varios problemas de accesibilidad y te pedirá que corrijas cualquier problema identificado en la pestaña Alertas de formularios.

A continuación se muestra un ejemplo de un formulario bien diseñado (derecha) y un formulario que no será accesible para todo el mundo (izquierda).

Recursos adicionales