fbpx Skip to content

6 Consejos prácticos para correos electrónicos accesibles

La OMS sugiere que 1.300 millones de personas en todo el mundo tienen alg├║n tipo de discapacidad visual, que incluye 217 millones de personas con discapacidad visual de moderada a grave; 36 millones de personas son ciegas en todo el mundo; el 15% de la poblaci├│n mundial tiene alg├║n tipo de discapacidad.

Con los avances en tecnolog├şas de adaptaci├│n, tales como lectores de pantalla, lupas, seguimiento de la vista, joysticks y tecnolog├şa de sorber y soplar, las personas con discapacidad visual y con discapacidades pueden usar computadoras, tabletas y tel├ęfonos inteligentes.

Los correos electrónicos que están diseñados teniendo en cuenta sólo a las personas con un rango normal de visión, audición y movilidad, pueden no ser utilizables para otros. Como resultado, la accesibilidad al correo electrónico es ahora un tema que los diseñadores deben conocer.

Vamos a profundizar en c├│mo dise├▒ar correos electr├│nicos accesibles y llegar a todos y cada uno de los suscriptores de su lista.

1. Copia de correo electr├│nico

Divida su copia en trozos fácilmente legibles con la ayuda de encabezados. De este modo, su correo electrónico será fácilmente comprensible para todos los suscriptores, incluidos los que lo escuchan con la ayuda de un lector de pantalla. Compruebe sus correos electrónicos con Flesch-Kincaid Reading Ease test en Microsoft Word. Le permitirá conocer la puntuación de legibilidad de sus correos electrónicos:

  • 90-100: F├ícilmente comprensible para un ni├▒o de 11 a├▒os.
  • 60-70: F├ícil de entender para los adolescentes de 13 a 15 a├▒os.
  • 30-50: F├ícil de entender por los estudiantes universitarios.
  • 0-30: Entendido por los graduados universitarios.

Utilice un lenguaje lúcido y directo para obtener una mejor puntuación (más alta).

Eche un vistazo a este correo electr├│nico de SurveyMonkey. Tiene una copia sucinta con una presentaci├│n clara. El amplio espacio en blanco facilita la lectura. Los CTAs de contraste en el fondo blanco son claramente visibles para el lector.

2. Elementos visuales

Si está creando un correo electrónico accesible, las imágenes no deben contener el texto que transmite el mensaje principal del correo electrónico. Incluso si decide utilizar texto en las imágenes, escriba una copia ilustrativa.

Los GIFs est├ín siendo usados en correos electr├│nicos extensivamente, pero usted debe abstenerse de dise├▒ar GIFs animados que parpadeen repetidamente, para evitar que desencadenen ataques fotosensibles en algunos usuarios; utilice un GIF que se detenga despu├ęs de tres ciclos o dentro de cinco segundos.

Nunca olvide a├▒adir un atributo alt adecuado dentro de cada etiqueta . Por ejemplo: A├▒ada el nombre de la empresa como texto alternativo para el logotipo.

Este es un buen ejemplo de Carnival Cruise Line:

3. Botones de correo electr├│nico

Dise├▒e botones a prueba de balas que se pueden seleccionar en toda el ├írea con la ayuda de un dedo o pulgar. En caso de que tenga varios botones en su correo electr├│nico, escriba una llamada a la acci├│n diferente para cada uno. Su bot├│n debe tener una altura m├şnima de 44px para que sea f├ícil de tocar.

4. Formateo de una copia de correo electr├│nico

Su correo electr├│nico debe tener suficiente espacio entre p├írrafos para que el lector pueda discernirlos f├ícilmente. Cada l├şnea de texto debe tener entre 60 y 70 caracteres. Tenga m├írgenes tipogr├íficos con contenido relacionado agrupados y separe cada grupo con la ayuda de espacios en blanco para mejorar la legibilidad. Establezca la jerarqu├şa visual correcta colocando el mensaje m├ís importante en la parte superior. Esto ayudar├í a los suscriptores con discapacidades neurol├│gicas y cognitivas.

La copia del cuerpo debe estar alineada a la izquierda; en lugar de estar alineada a la derecha, centrada o justificada. Dise├▒e un correo electr├│nico de tal manera que no haya reposicionamiento del contenido con CSS; debe ser f├ícil de leer de arriba a abajo. Puede comprobar el orden de lectura de su correo electr├│nico a trav├ęs de la barra de herramientas de accesibilidad web o del alineador de tablas HTML WAI.

Fuentes

Evite el uso de tipos de letra elegantes o livianos que sean dif├şciles de leer. Se recomienda encarecidamente utilizar tipos de letra serif o sans-serif que no s├│lo sean accesibles, sino que tambi├ęn se muestren bien en todos los clientes y dispositivos de correo electr├│nico. Determine un tama├▒o m├şnimo de fuente legible para su copia de correo electr├│nico. Para una familia de fuentes con una gran altura x, se recomienda un tama├▒o m├şnimo de fuente de 14px y para una familia de fuentes como Arial que tiene una altura x est├índar, utilice al menos 16px como tama├▒o.

5. Color

Los colores son un aspecto importante cuando se trata de suscriptores que tienen sensibilidad a la luz y migra├▒as. Las pantallas retroiluminadas pueden causar fatiga ocular y migra├▒as cuando se observan tonos brillantes y saturados de azul y rojo.

La siguiente condici├│n a considerar es el daltonismo, ya que impide a los suscriptores diferenciar entre ciertos colores utilizados en el correo electr├│nico.

┬┐Sab├şa usted que seg├║n el Instituto Nacional del Ojo, el 0,5% de las mujeres y el 8% de los hombres son dalt├│nicos? Esto implica que 1 de cada 200 mujeres y 1 de cada 12 hombres son dalt├│nicos.

Cuando se trata de correos electrónicos, siempre debe revisar sus correos electrónicos con la ayuda del Simulador de Color BLIndness. Además, debe utilizar WebAim Color Contrast Checker para tener una idea del contraste de color entre el texto y el color de fondo.

  • No conf├şe en el color para transmitir su mensaje;
  • Utilice un buen contraste para asegurarse de que su texto sea legible;
  • Restringir el n├║mero de colores y, si es posible, ser monocrom├ítico;
  • Aseg├║rese de que el color de los enlaces contrasta con el texto para que est├ęn claramente marcados;
  • Pruebe su correo electr├│nico con usuarios dalt├│nicos o utilice una aplicaci├│n como Color Oracle.

6. Codificaci├│n de correo electr├│nico

El primer requisito es diseñar un correo electrónico que responda bien, independientemente del tamaño de la pantalla, el tipo de dispositivo y el lector de pantalla utilizado. tags deben utilizarse para envolver los titulares, mientras que tags para los encabezados y tags para los párrafos.

Utilice mso-line-height-rule:exactamente; en sus etiquetas para que la regla de line-height se mantenga para los clientes de correo electr├│nico de Microsoft Outlook.

Escriba el c├│digo en las etiquetas de apertura para que los clientes de correo electr├│nico y webmail no a├▒adan espacio de l├şnea adicional.

A├▒ada aria-hidden=”true” en los elementos espaciadores para que los lectores de pantalla ignoren los espaciadores del correo electr├│nico.

A├▒ada role=”presentation” en cada etiqueta de apertura para que los lectores de pantalla no lean cada celda en el correo electr├│nico.

Evite cualquier c├│digo innecesario que haga que el HTML sea pesado y pueda provocar problemas de renderizado.

Por último, pero no por ello menos importante, es imprescindible tener versiones en texto plano y HTML del correo electrónico. Los correos HTML permitirán al usuario ver las imágenes mientras que el correo electrónico de sólo texto muestra el texto y hace que sea conveniente leer todo el correo electrónico, especialmente para los lectores de pantalla.

Herramientas para probar la accesibilidad de los correos electr├│nicos

Wave Tool es una extensi├│n de Chrome y Firefox que te permite revisar tus correos electr├│nicos y llamar la atenci├│n sobre cosas que los hacen inaccesibles.

Con la ayuda de AChecker, usted puede comprobar la accesibilidad del correo electr├│nico por cualquiera de los tres m├ętodos: pegar la URL de su correo electr├│nico o subir su archivo HTML o copiar y pegar el c├│digo.

IA Toolkit está disponible como una extensión de navegador Chrome que comprueba la accesibilidad de los correos electrónicos y el contenido web. Obtendrá un análisis extenso del código con errores y advertencias.

VoiceOver en MacOS e iOS, Narrador en Windows y TalkBack en Android se utilizan para tener una idea clara de cómo el suscriptor experimentará el correo electrónico.

Pensamientos finales

La accesibilidad se ha convertido en una faceta integral del email marketing en la actualidad. Antes de crear una campaña de correo electrónico accesible, utilice estos consejos para seguir las mejores prácticas de diseño y marketing por correo electrónico. Esto, a su vez, aumentará el alcance de su correo electrónico y permitirá una experiencia sin problemas para todos y cada uno de los suscriptores.