Qué aprenderás
Aprenda a hacer más accesibles sus correos electrónicos y formularios de inscripción. Al diseñar sus correos electrónicos y formularios de inscripción, querrá asegurarse de que sus diseños son accesibles para todos sus destinatarios. Aunque tomarse el tiempo para hacer el trabajo extra puede parecer una molestia, para los millones de personas que viven con una discapacidad en todo el mundo, su tiempo extra le compensará enormemente.
Accesibilidad en los correos electrónicosAccesibilidad en los correos electrónicos
Optimizar las líneas de asunto y el texto de previsualizaciónOptimizar las líneas de asunto y el texto de previsualización
Asegurarse de poner un esfuerzo adicional en sus líneas de asunto y texto de vista previa no sólo hace que sus correos electrónicos sean más accesibles, sino que también repercute en sus tasas de apertura. Desea que sus líneas de asunto y el texto de previsualización sean descriptivos, atractivos y breves.
Diseño básico de correo electrónicoDiseño básico de correo electrónico
Al igual que con las líneas de asunto, si ha seguido las mejores prácticas de diseño para sus correos electrónicos, también hará que éstos sean más accesibles. A saber, añadir texto alternativo a todas sus imágenes, evitar los correos electrónicos que sólo contengan imágenes, utilizar colores que contrasten fuertemente (por ejemplo, blanco y negro, gris y azul oscuro, rosa y rojo oscuro), utilizar encabezados para separar las ideas, enlaces descriptivos (por ejemplo, "Compre en la colección" en lugar de "Haga clic aquí para ir a la colección"), y dar una estructura lógica a sus correos electrónicos. Estas prácticas recomendadas garantizarán que todos sus clientes reciban su mensaje y también que llegue a la bandeja de entrada.
Lista de control y ejemploLista de control y ejemplo
- Escriba líneas de asunto y texto de previsualización que sean descriptivos, breves y directos.
- Añada texto alternativo a todas las imágenes.
- Evite poner información pertinente en las imágenes.
- Utilice colores que contrasten.
- Utilice encabezados para separar las ideas.
- Utilice un lenguaje descriptivo en los enlaces.
- Diseñe correos electrónicos con una estructura lógica.
A continuación se muestra un ejemplo de un correo electrónico optimizado para todos los destinatarios (izquierda) y otro que no lo está (derecha).
Accesibilidad en los formularios de inscripción
Afortunadamente, el código detrás de sus formularios de inscripción de Klaviyo hace posible que todos sus destinatarios puedan analizar la información que necesitan. Un formulario Klaviyo publicado en su sitio web permite automáticamente alos visitantes del sitio navegar por el formulario por completo utilizando sus teclados y los lectores de pantalla pueden leer los formularios. Además, los visitantes del sitiopueden cerrar un formulario con la tecla escape y enviarlo con la tecla intro. Además, puede añadir un Color de contorno de enfoque, situado en la pestaña Estilos dentro del editor de formularios, que ayuda a los usuarios a comprender qué campo se resalta al desplazarse por el formulario.
Diseño del formulario de inscripciónDiseño del formulario de inscripción
Al igual que en el diseño del correo electrónico, deberá seguir algunas directrices básicas para asegurarse de que todos sus destinatarios reciben la información que desea compartir con ellos a través de sus formularios. Cuando diseñe formularios, utilice colores contrastados, evite poner información pertinente en las imágenes, utilice un lenguaje descriptivo en los enlaces y construya sus formularios siguiendo una estructura lógica. Tenga en cuenta que a medida que construye sus formularios de inscripción, Klaviyo supervisa una serie de problemas de accesibilidad, y rellena avisos para solucionar cualquier problema identificado en la pestaña Alertas de formularios.
Vaya a cómo crear un formulario de registro compatible con la ADA para saber más sobre la creación de 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).