Cómo crear correos electrónicos más accesibles

Tanto si eres propietario de un negocio, trabajas en marketing o simplemente eres alguien que valora la inclusión, comprender los principios de diseño del correo electrónico accesible es un paso fundamental para fomentar un panorama digital más inclusivo. La creación de correos electrónicos accesibles no es solo una cuestión de buena voluntad; puede ser un requisito legal para tu negocio y es la piedra angular de una experiencia de usuario excelente.

Al momento de elaborar correos electrónicos, estos son cinco ajustes simples que debes recordar para asegurarte de que sean agradables, informativos y útiles para personas con una amplia variedad de necesidades y preferencias. 

Nota: Esta guía está disponible como un recurso para ayudarte a empezar, pero no debe interpretarse ni considerarse como asesoramiento legal. Squarespace no puede proporcionar consejos sobre cómo hacer que tu sitio cumpla con leyes, regulaciones o estándares específicos de accesibilidad.

1. Añade texto alternativo a las imágenes

El texto alternativo es una descripción de la imagen que se puede leer mediante tecnologías de asistencia. El texto alternativo es útil no solo para las personas con discapacidades visuales sino también para:

• Las personas con algunas discapacidades cognitivas, quienes pueden comprender mejor el lenguaje hablado que las imágenes.

• Las personas que usan asistentes de voz cuando no están mirando el correo electrónico

• Los usuarios que no pueden ver una imagen por problemas de conexión a Internet.

• Los usuarios que prefieren no descargar las imágenes por tiempo o costo.

Agregar texto alternativo a tus imágenes garantiza que todos los lectores puedan recibir la información más importante de tu correo electrónico. Para saber cuándo agregar texto alternativo y escribir descripciones útiles, pregúntate lo siguiente:

1. ¿Esta imagen es decorativa o transmite información? Las imágenes decorativas no necesitan texto alternativo, ya que es poco probable que ayuden a que un usuario comprenda mejor la información del correo electrónico.

2. ¿Qué información se necesita sobre la imagen? No todos los aspectos de la imagen son necesarios para ayudar a que una persona comprenda el objetivo de la imagen. Por ejemplo, el color de fondo de un retrato no es necesario, pero el nombre de la persona que aparece en la foto podría serlo. 

Al escribir cualquier texto alternativo, ten en cuenta estas otras pautas.

• Trata usar 250 caracteres, o menos, para el texto alternativo. Si una imagen necesita una descripción más larga o detallada, incluye una leyenda con la descripción completa. 

• No incluyas las palabras "imagen de" o "foto de" en tu descripción. Las tecnologías de asistencia identifican las imágenes para los usuarios, así que no es necesario que lo hagas.

Obtén más consejos para escribir texto alternativo útil

2. Estructura los correos electrónicos con encabezados

La forma en que organizas el contenido del correo electrónico afecta la forma en que las personas que usan tecnologías de asistencia lo navegarán. En la mayoría de los casos, hacer que los correos electrónicos sean más fáciles de navegar por estas tecnologías significa mantener un diseño simple y uniforme, además de asignar nombres claros y distintos a cada sección del correo electrónico.

Para darle a tu correo electrónico una estructura fácil de seguir puedes usar encabezados (por ejemplo, E1, E2, E3), en lugar de usar texto en negrita o cursiva para separar las diferentes secciones. Usa solo un E1 por correo electrónico, dado que el E1 indica el título o encabezado principal y usa los niveles de encabezados en orden, en lugar de pasar de un E2 a un E4, por ejemplo. 

Para facilitar la lectura rápida del correo electrónico, usa una combinación de tamaño de fuente, peso, estilo o incluso color para diferenciar el texto del párrafo normal del texto del título. Por ejemplo, las fuentes más llamativas y grandes tienden a captar la atención, así que es mejor aplicarlas al texto que quieres destacar, como los encabezados de sección.

3. Considera el tamaño y el tipo de fuente

La legibilidad es un aspecto importante para hacer que tus correos electrónicos sean más accesibles. Elegir de manera cuidadosa el tamaño, el estilo, el color y el espaciado de la fuente, entre otros aspectos, permite que otros naveguen por el contenido con mayor facilidad. 

Estilo de la fuente 

Intenta seleccionar una fuente que sea legible, con líneas limpias y muy pocas florituras decorativas. Como regla general, las fuentes sans-serif, como Arial, Calibri, Tahoma o Helvética tienden a funcionar mejor en las pantallas. Generalmente, estas fuentes facilitan que el lector pueda echar un vistazo al correo electrónico y entender el mensaje con rapidez, algo valioso cuando muchas personas dan una mirada rápida a sus bandejas de entrada sobre la marcha. 

La mayoría de los clientes de correo electrónico usan de manera predeterminada la fuente sans-serif si no admiten la fuente que estás usando para mejorar la legibilidad en todas las plataformas y dispositivos. Si necesitas orientación adicional sobre las opciones de fuentes, también puedes encontrar una lista de fuentes accesibles y de código abierto en el sitio web del sistema de diseño web del gobierno de Estados Unidos. 

Tamaño de la fuente

El tamaño de la fuente que selecciones tiene un gran impacto en la legibilidad del correo electrónico, en particular para las personas con discapacidad visual. Un buen tamaño mínimo de fuente es 16px (según el tipo de fuente que estés usando).

Intenta probar diferentes tamaños a medida que diseñas el mensaje, ya que la legibilidad puede variar según la fuente. También es importante enviar un correo electrónico de prueba antes de enviarlo a tus suscriptores, para que puedas ver cómo se ven tus opciones de diseño en diferentes dispositivos y pantallas.

Color de la fuente 

Selecciona un color de fuente que se destaque claramente del color de fondo (piensa en una fuente negra sobre un fondo blanco). Cuanto más contraste haya, más fácil será leer el contenido. 

Aunque algunos colores parecen contrastar (como el verde y el rojo), es posible que las personas con deficiencias visuales (por ejemplo, personas con daltonismo) no puedan ver el contenido. Puedes usar un verificador de contraste de color para asegurarte de que el texto se pueda leer en contraste con el fondo.

4. Usa texto descriptivo para los enlaces

Si agregas hipervínculos en cualquier texto, rotula los enlaces adecuadamente. Las tecnologías de asistencia en general señalan cuando el texto está vinculado, así que no necesitas incluir la palabra "enlace" en el contenido. 

Cuando dirijas a los usuarios a una página de contacto, por ejemplo, es más útil escribir "Comunícate con nosotros a través de nuestra página de contacto" que "Para comunicarse con nosotros, haz clic en este enlace". En general, para la persona que lee el texto es más fácil saber a dónde lo dirigirá un enlace si solo tiene que leer el texto del enlace, en lugar de tener que leer el texto del enlace y el texto que lo rodea.

Por último, asegúrate de que los enlaces se diferencien del resto del texto que los rodea para que los lectores sepan que no es texto normal. Esto se puede hacer con formato, por ejemplo con un color diferente, cursivas, subrayado o usando un icono o botón.

5. Evita el uso de GIF

Los GIF pueden agregar un elemento divertido y atractivo a algunos correos electrónicos, pero es esencial considerar el contexto y la audiencia, ya que pueden presentar dificultades importantes en materia de accesibilidad. Es posible que no sean compatibles con los lectores de pantalla, lo que dificulta que las personas con discapacidades visuales entiendan el contenido del correo electrónico. 

Los GIF pueden tener mucha información, ya que tienden a mostrar más detalles o transmitir más que una imagen estática. Proporcionar un texto alternativo adecuado para ayudar a los usuarios de tecnología de asistencia a entenderlos puede resultar difícil. También pueden distraer, crear una interferencia visual y restar valor al mensaje central del correo electrónico.

Si decides agregar un GIF a tu correo electrónico, intenta agregar uno de movimiento lento, que no parpadee ni rebote más de tres veces en un segundo, ya que esto puede ser muy confuso para algunos. Si es posible, permite que el lector pueda pausar el GIF. Y siempre incluye texto alternativo que describa la imagen para aquellos que no puedan verla.  

Lee nuestra guía de accesibilidad web