Mejores prácticas para la accesibilidad de correos electrónicos y formularios
Objetivos del artículo
Descubre cómo hacer que tus correos electrónicos y formularios de registro sean más accesibles. Al diseñar tus correos electrónicos y formularios de registro, querrás asegurarte de que los diseños sean accesibles para todos tus destinatarios.
Accesibilidad en correos electrónicos
Optimiza el asunto 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 correos electrónicos
Seguir las prácticas recomendadas generales de diseño de correo electrónico hará que tus correos sean más accesibles:
- Agrega texto alternativo descriptivo a las imágenes que transmiten información, incluidas las imágenes que se usan como enlaces. Deja el texto alternativo en blanco para las imágenes puramente decorativas que no son enlaces.
- Evita correos electrónicos que solo tengan imágenes.
- Evita usar imágenes para comunicar detalles clave.
- Usa colores de texto y de fondo con suficiente contraste. El blanco y el negro proporcionan un contraste fuerte; las combinaciones como gris y azul oscuro o rosa y rojo oscuro dependen de los tonos. Revisa tus colores exactos con el verificador de contraste de WebAIM.
- Usa encabezados para separar ideas.
- Usa enlaces descriptivos (p. ej., "Compra la colección" en lugar de "Haz clic aquí para ir a la colección").
- Estructura los correos electrónicos de forma lógica.
A continuación, se muestra un ejemplo de un correo electrónico optimizado para todos los destinatarios (izquierda) y uno que no lo está (derecha).
Accesibilidad en formularios de registro
Los formularios de registro de Klaviyo incluyen compatibilidad con teclado y lector de pantalla, pero aun así debes revisar el contenido y el diseño del formulario para garantizar la accesibilidad. Los visitantes pueden usar la tecla Tab para moverse entre campos y botones y presionar Enter cuando el botón de envío esté enfocado. Pueden presionar Escape para cerrar los formularios emergentes y desplegables.
Para que el enfoque del teclado sea más fácil de ver, selecciona Editar estilos en el editor de formularios y elige un color que contraste en Contorno de enfoque.
Diseño de formularios de registro
Al igual que con el diseño de correos electrónicos, querrás seguir algunas pautas básicas para asegurarte de que todos los destinatarios reciban la información que quieres compartir mediante tus formularios. Al diseñar formularios:
- Usa colores de texto y de fondo con contraste, y revisa los tonos exactos con el comprobador de contraste de WebAIM.
- Evita poner información relevante en las imágenes.
- Usa lenguaje descriptivo en los enlaces.
- Crea tus formularios con una estructura lógica.
Mientras creas tu formulario de registro, Klaviyo revisa si hay problemas comunes de accesibilidad. Selecciona Alertas en el editor de formularios y luego revisa alertas con actividad y sigue las instrucciones de cada tarjeta para corregir los problemas identificados.
Las comprobaciones automatizadas no detectan todos los problemas de accesibilidad. Prueba el formulario con un teclado y un lector de pantalla antes de publicarlo. Para que las actualizaciones se reflejen en el sitio, selecciona Publicar o programar, elige la opción Publicar ahora y haz clic en Publicar ahora.
Ve a cómo crear un formulario de registro compatible con ADA para obtener más información sobre cómo crear formularios de registro accesibles en el editor de formularios de Klaviyo.
A continuación se muestra un ejemplo de un formulario bien diseñado (derecha) y un formulario que no será accesible para todos (izquierda).
