Haz de la accesibilidad en tus emails tu propósito de Año Nuevo

Aunque parezca extraño, la accesibilidad (o hacer que el contenido sea consumible para todos los usuarios, independientemente de sus capacidades) sigue siendo un concepto nuevo en internet y en los emails. La buena noticia es que empresas como Accessibe se han propuesto la misión de lograr que la web sea accesible para 2025. La mala noticia es que esto significa que, para muchas organizaciones, la accesibilidad sigue siendo demasiado complicada y se domina muy poco como para integrarla en sus procesos, por lo que deben delegarla a una empresa externa.

Quizás te preguntes si realmente necesitas accesibilidad en tus emails. En primer lugar, hay más personas afectadas por problemas de accesibilidad de lo que crees. Según la OMS, casi mil millones de personas (sí, ¡más de una de cada diez!) sufren alguna deficiencia visual (como dislexia o daltonismo), y muchas necesitan tecnologías de apoyo para consumir contenido.

En segundo lugar, no ofrecer una versión accesible de tus emails tiene un impacto significativo en tu audiencia, ya que a algunas personas les resultará imposible utilizar la información que contienen. En términos de usabilidad, es mucho peor que tener, por ejemplo, un email que no cuadra al píxel.

Si tenemos en cuenta los dos puntos anteriores y luego pensamos en el tiempo y el esfuerzo que dedicamos a optimizar nuestros emails simplemente para que se vean bien en Outlook.com, lo que representa mucho menos del 1 % del mercado, hay algo que no encaja cuando tratamos de evitar la accesibilidad.

Si el razonamiento ético no es suficiente, la accesibilidad también sale rentable desde una perspectiva comercial. Si tus emails no son accesibles, también te estás perdiendo una audiencia importante.

Y si no tienes moral ni mentalidad comercial (por lo general, la gente tiene al menos una de las dos cosas), ten en cuenta que se están aprobando leyes para que la accesibilidad sea obligatoria.

Es genial ver que sigues aquí y que, con suerte, te has convencido de la necesidad de la accesibilidad. Parece que he hecho bien mi trabajo. Entonces, ¿qué hay que hacer? Cuando hablamos de accesibilidad, en general podemos dividir el problema en tres categorías.

Hay muchísimas cosas que se pueden mejorar, pero aquí nos vamos a centrar en las prácticas más fáciles de implementar para optimizar la accesibilidad de tus emails.

En general, tu email se crea en torno a un contenido que se va a compartir. Puedes (y debes) asegurarte de que este contenido es accesible comprobando, entre otras cosas, que:

• El asunto y los enlaces son descriptivos (evita CTA básicas como “haz clic aquí” o “ábreme”): así, las personas que necesiten utilizar un lector de texto podrán saber fácilmente qué esperar.
• El contenido es textual: las imágenes no contienen información importante y van acompañadas de texto alternativo (el atributo “alt”). ¡Y no te pases con los GIF!
• Cada párrafo trata un tema en particular y es breve: esto no solo es importante para las personas que necesitan utilizar un lector de texto (ya que no pueden leer por encima y tendrán que pasar por todo el texto), sino también para quienes tienen dislexia u otras dificultades de aprendizaje.
• El contenido es de fácil acceso: evita frases enrevesadas y opta por palabras sencillas.

Ahora que tienes el contenido perfecto, querrás que se vea lo mejor posible. Ahí es donde las cosas pueden salir mal. Desde la perspectiva del diseño, es importante que te asegures de:

• Favorecer una dirección de lectura lógica: de izquierda a derecha y de arriba a abajo. A menos que estés creando un email para Harlequin, puedes prescindir de los diseños tipo patchwork.
• Elegir fuentes con un grosor y un tamaño suficientes (por encima del tamaño 14): esto debería ser fácil ahora que has acortado tu contenido. Además, no olvides aumentar el interlineado para que el contenido no quede apretado y sea fácil de leer.
• Evitar los párrafos centrados y justificados: favorece la dirección de lectura natural (de izquierda a derecha o de derecha a izquierda, según el idioma) y el espaciado natural entre palabras, sin estirarlo al justificar el texto.
• Utilizar un contraste fuerte: como punto extra, a todos tus usuarios les resultará útil, ya que un contraste demasiado débil puede dificultar la lectura según las condiciones de iluminación. Además, ten en cuenta el “modo oscuro”, ya que cada vez más clientes y navegadores son compatibles con él.
• Hacer que los enlaces y los botones sean de fácil acceso: asegúrate de que los enlaces están subrayados y tienen un color con el contraste suficiente, y de que sea fácil hacer clic o tocar en ellos. Por el contrario, evita colorear y subrayar el texto que no es un enlace.

Bien, tienes el contenido y el diseño, así que ahora puedes pasar a la implementación y la programación. Para no arruinar todo el trabajo del equipo de redacción y de diseño, debes:

• Respetar la semántica HTML: los párrafos se presentan en secciones organizadas y van precedidos de títulos descriptivos. Haz un buen uso de las etiquetas

  y en particular.

• Definir el idioma de tu email con el lang atributo: es muy fácil de configurar y permitirá a los lectores de texto procesar el contenido correctamente.
• Incluir el role=presentation atributo para la etiqueta HTML de tabla: esto permite que los lectores de texto entiendan que se trata de un elemento de presentación y no de una tabla de datos. 
• Ofrecer una versión en texto: y sí, como todavía se envían demasiados emails sin seguir todas estas mejores prácticas, muchos usuarios prefieren la versión en texto. Deberías poder generar esto automáticamente desde tu plataforma de mensajería, ¡así que no hay excusa para no hacerlo!

Sí, lo sé, tenemos muchísimo trabajo y la accesibilidad es un factor más que hay que comprobar cuando ya pasas horas probando tus emails en varios clientes, incluido Lotus Notes. Por suerte, hay una aplicación para eso.

De hecho, hay un montón de herramientas que te permiten probar muchas cosas: legibilidad, semántica, etc. Sin embargo, aunque estas herramientas hacen muy bien su trabajo, tratar de integrarlas en tu proceso puede ser demasiado manual y llevar mucho tiempo, por lo que a menudo se queda en un falso propósito (que sé que no vas a cumplir).

Por tanto, te recomendamos utilizar Accessible-email.org para empezar. Esta herramienta analiza un archivo HTML y te envía una lista de errores y cosas a mejorar para que el email sea accesible. Así, es muy fácil de integrar en un flujo de trabajo, tanto para comprobar el email antes de enviarlo como para implementar las mejores prácticas.

Si quieres saber más, ya sea porque es un tema que te interesa o por miedo a que te reemplace una máquina, te recomendamos consultar las listas de verificación de las WCAG. Estas listas de verificación están organizadas por niveles (principiante, intermedio, avanzado) y son una forma excelente de aumentar tus skills de accesibilidad a medida que las utilizas.

Al principio, la accesibilidad de los emails puede parecer difícil de implementar, sobre todo teniendo en cuenta todas las demás pruebas y creaciones que haces con tus emails. Pero, si sigues las mejores prácticas de diseño, contenido y programación, podrás crear fácilmente emails que lleguen a toda tu audiencia y ofrezcan una gran experiencia de usuario.

Esperamos que este artículo te ayude a hacer de la accesibilidad una prioridad y que te hayas dado cuenta de que es importante y no es tan difícil de conseguir.

Autor: Nicolas Garnier Nicolas Garnier was a Product Manager at Sinch Mailjet and the creator of our open-source email coding framework, MJML. He's a true email geek and shares all his expertise around email development on the Mailjet blog.