Cómo crear correos electrónicos para todos en 3 sencillos pasos: grabación de seminarios web + preguntas y respuestas

La accesibilidad al correo electrónico ha sido votada como una de las tendencias de diseño de correo electrónico más populares de 2019 y ahora es una prioridad para la mayoría de las marcas. Pero también es cierto que muchos especialistas en marketing no saben cómo empezar a hacer que sus correos electrónicos sean más inclusivos.

Implementar las mejores prácticas de accesibilidad es más fácil de lo que cree. En este seminario web, los expertos en accesibilidad de Litmus, Jason Rodríguez y Alice Li, revisan las estadísticas y la investigación que demuestran que vale la pena invertir en accesibilidad y comparten los 3 pasos que deberá seguir para crear un mejor correo electrónico para todos.

¿No tuvo la oportunidad de ver el seminario web en vivo? No te preocupes. Puede acceder a la grabación completa en cualquier momento y leer las preguntas y respuestas a continuación.

Preguntas y respuestas

¡Un gran agradecimiento a todos los que participaron durante el seminario web con una pregunta! Aquí hay un resumen de nuestras respuestas a las preguntas más populares, junto con nuestra opinión sobre algunas de las preguntas a las que no llegamos durante el seminario web en vivo. ¿Tiene alguna pregunta adicional? Déjelos en los comentarios.

¿Cómo explica las limitaciones cognitivas?

Bettina : Hay muchos tipos diferentes de discapacidades cognitivas, desde tener dificultades para memorizar cosas o prestar atención a la dislexia o el autismo. Cada una de estas condiciones es única, pero seguir los consejos de la sección de redacción y diseño de este seminario web contribuirá en gran medida a que sus correos electrónicos sean más accesibles para las personas con limitaciones cognitivas. Por ejemplo, mantenga la copia de su correo electrónico clara y concisa y evite el uso de palabras o jerga difíciles. Mantenga sus diseños simples y desarrolle una jerarquía visual clara que facilite a sus suscriptores escanear su correo electrónico y comprender rápidamente qué es importante (y qué no).

¿Cuál es el lector de pantalla más utilizado? ¿Cómo se prueba?

Alice: Los dos lectores de pantalla más populares son NVDA y JAWS . NVDA es una herramienta gratuita de código abierto desarrollada por NV Access; son una organización asombrosa que dedica su trabajo a hacer que la tecnología sea más accesible para las personas con discapacidades visuales. JAWS es una popular herramienta de lectura de pantalla basada en suscripción.

Si no desea instalar software para comprender cómo sonaría su correo electrónico en un lector de pantalla, ¡puede usar Litmus para ello! Recientemente integramos NVDA en Litmus, por lo que ahora puede escuchar una vista previa de audio de su correo electrónico directamente dentro de Litmus Checklist. Obtenga más información .

Además, todos los sistemas operativos modernos también ofrecen algún tipo de soporte de lectura de pantalla nativa. En Mac, por ejemplo, es VoiceOver .

¿Cuáles son algunas marcas que hacen un gran trabajo optimizando sus correos electrónicos para la accesibilidad? ¡Me encantaría un poco de inspiración!

Jason : Uno de mis favoritos es deque . Hacen mucha capacitación en accesibilidad, tienen un blog increíble y ¡excelentes correos electrónicos! Sus correos electrónicos no solo siguen las mejores prácticas de accesibilidad, sino que también cuentan con excelente contenido que lo ayuda a aprender sobre el tema. ¡Deberías suscribirte a su boletín de noticias !

A riesgo de sonar engreído, estoy muy impresionado con el trabajo que Alice y el equipo de correo electrónico han hecho en el boletín de Litmus . No solo está bellamente diseñado, sino que han trabajado mucho para que sea accesible en base a las mejores prácticas discutidas en La guía definitiva para la accesibilidad del correo electrónico.

¿Alguna idea de en qué se diferencian herramientas como "Alexa" o "Siri" de otros lectores de pantalla? ¿O la función de "lectura en voz alta" de Outlook?

Jason : En un episodio reciente del podcast Delivering, me sumergí en profundidad en los asistentes de voz. Descubrí que Alexa es la única que realmente lee su correo electrónico, pero solo leerá el texto HTML, ignorando cualquier atributo alt, tablas o cualquier otro elemento HTML. Es diferente de cómo un lector de pantalla manejaría el correo electrónico. Los asistentes de voz están orientados a la conveniencia, no necesariamente a la accesibilidad, por lo que no funcionan de la misma manera que un lector de pantalla completo como lo hace NVDA, por ejemplo. En muchos casos, aún necesita su teléfono o su computadora portátil para navegar por el contenido, el asistente de voz solo lo está apoyando. Para obtener un resumen completo de cómo Alexa, Google Home, Siri y Cortana manejan el correo electrónico, sintonice este episodio de podcast.  

¿Qué hay de los GIF animados? ¿Usarlos o no? ¿Causan problemas a los lectores?

Alice : Puedes usarlos, pero ten cuidado con cómo. Las animaciones pueden desencadenar ataques epilépticos fotosensibles, por lo que nunca querrá incluir un GIF que sea demasiado discordante o intermitente. Tampoco desea incluir información crucial como una copia en sus GIF. Los lectores de pantalla no pueden acceder a la copia oculta en su GIF, y no se mostrará en los clientes de correo electrónico donde las imágenes estén deshabilitadas, por lo que corre el riesgo de perder partes cruciales de su mensaje.

¿Dónde puedo encontrar ejemplos de plantillas de correo electrónico accesibles?

Jason : ¡ Hay tantas plantillas gratuitas, pero no muchas de ellas están optimizadas teniendo en cuenta la accesibilidad! Es por eso que recientemente creamos cuatro plantillas nuevas que siguen las mejores prácticas de accesibilidad, y están disponibles de forma gratuita en la comunidad de Litmus . Consulte nuestras plantillas si desea crear ...

• Boletines accesibles
• Notas personales accesibles
• Correos electrónicos transaccionales accesibles
• Anuncios de productos accesibles

¿Cómo afecta el uso de emojis a la accesibilidad?

Jason: si bien la mayoría de los lectores de pantalla entienden los emojis y pueden leerlos, es posible que no sea la experiencia óptima para los usuarios. Escuchemos a NVDA leyendo esta línea de asunto de ejemplo con un emoji:

La mayor venta del año

Puedes escuchar lo inconexo que suena un emoji junto al texto. Si bien los emojis son comunes ahora y los usuarios de tecnología de asistencia probablemente estén acostumbrados a escucharlos, dependiendo del emoji, aún puede sonar extraño. Como cualquier otro elemento o copia en un correo electrónico, la mejor manera de ver si funciona o no es probarlo y escuchar su correo electrónico usando una herramienta como NVDA o Litmus Accessibility Checker.

¿Necesito aplicar “rol = presentación” a los DIV también?

Alice : ¡No! role = ”presentation” solo tiene la intención de decirle a los lectores de pantalla que ignoren el significado semántico de las etiquetas, por lo que las tablas las necesitan porque los datos tabulares, como los gráficos, requieren toda la información de las columnas y filas para que las personas puedan navegar y comprenderlas correctamente. En el correo electrónico, los desarrolladores a menudo confían en las tablas para la presentación en lugar de los datos tabulares, razón por la cual las tablas lo requieren. Los DIV, por otro lado, no tienen un significado semántico que deba anularse para los lectores de pantalla.

Para los clientes que insisten en usar correos electrónicos basados ​​en imágenes, ¿existen mejores prácticas que debamos seguir?

Bettina : ¡ Esta es difícil! Hay innumerables razones por las que enviar correos electrónicos con todas las imágenes es una idea horrible. Entonces, como primer paso, haga todo lo posible para convencer a su cliente de que este enfoque viene con una experiencia de suscriptor horrible. Nuestra publicación de blog sobre Por qué no debe enviar correos electrónicos con imágenes solo tiene muchas ideas y consejos para ayudarlo a defender su caso.

Si no hay forma de llevar a su cliente por el camino correcto, entonces todo lo que puede hacer es optimizar su vista sin imagen con texto ALT ( incluso puede diseñar ese texto ALT ) y usar botones a prueba de balas para que al menos sus CTA todavía funcionan cuando las imágenes están desactivadas.

¿El uso de fuentes web afecta la accesibilidad?

Alice : Desde el punto de vista del código, no debería. Desde el punto de vista del diseño, significa que siempre debe asegurarse de que tanto la fuente web como su respaldo seguro para la web cumplan con los estándares de relación de contraste para ser legibles. Por ejemplo, si su fuente web es más gruesa que la alternativa, asegúrese de que la alternativa también supere las puntuaciones de la relación de contraste, ya que la alternativa es lo que los usuarios de, digamos, Gmail, podrían ver en su lugar.

El único cambio que no hemos realizado en nuestra plantilla de código es el uso del elemento semántico para los encabezados o párrafos. Actualmente estilizamos la celda de la tabla para el texto. ¿Qué problemas puede presentar esto para la accesibilidad?

Alice : Supongo que la tabla que envuelve el texto ya tiene su función establecida en "presentación" o "ninguno" para frenar cualquier ruido innecesario del lector de pantalla. Aparte de ese problema, no usar etiquetas de encabezado / párrafo correctas presentaría un problema de navegación para los dispositivos de asistencia, ya que algunas tecnologías permiten a los usuarios saltar de un encabezado a otro (y sus párrafos relacionados) como si fuera una tabla de contenido.

¿Pueden los lectores de pantalla leer caracteres especiales, como apóstrofos entrecruzados, comillas, símbolos de unión, etc.?

Alice : Depende. Ampersands a menudo se leen como "y". Las comillas y los apóstrofos rizados se ignoran, por ejemplo, cuando alguien no los pronuncia mientras lee algo en voz alta. Otros caracteres especiales se consideran caso por caso, como las viñetas se leen como "viñetas". En general, recomendaría probar siempre para estar seguro.

¿Alguna sugerencia sobre el formato de texto solo para accesibilidad? Utilizo varias pausas "=" o "-" entre secciones. ¿Cómo se manejan esos?

Alice : Los guiones y guiones bajos no suelen leerse en voz alta, así que están bien. Sin embargo, los lectores de pantalla leerán el signo "igual", por lo que recomendaría evitarlo.