Pautas de accesibilidad de correo electrónico, o haga que sus correos electrónicos sean fáciles de usar para todos

La accesibilidad del correo electrónico hace que sus correos electrónicos sean fáciles de usar para todos, incluidas las personas con discapacidades, ya que les permite percibir sus correos electrónicos e interactuar con ellos fácilmente.

Hay algunos ajustes de diseño y copia que puede hacer para que sus correos electrónicos sean más accesibles. En este artículo, explicaremos cómo el empleo de la accesibilidad afectará sus campañas de correo electrónico, por qué es importante y cómo ponerlo en práctica.

Por qué es importante la accesibilidad

Entonces, ¿por qué debería preocuparse por la accesibilidad y qué beneficios puede aportarle a usted y a su empresa? Echemos un vistazo a algunos hechos:

1. En general, el 15% de la población mundial, o mil millones de personas, tiene algún tipo de discapacidad. Según la Organización Mundial de la Salud, aproximadamente 1.300 millones de personas en todo el mundo viven con algún tipo de discapacidad visual: 36 millones de personas no pueden ver en absoluto y 217 millones tienen una discapacidad visual de moderada a grave. Como puede ver, una gran cantidad de personas pueden tener problemas con diferentes cosas del día a día, incluida la interacción con los dispositivos y la lectura de correos electrónicos.
2. Aparte de eso, el mercado de la discapacidad representa 1,2 billones de dólares en ingresos disponibles anuales.
3. Según una investigación reciente de Cone Communications, el 78% de los estadounidenses quieren que las empresas aborden los problemas sociales y el 87% compraría un producto de una empresa que respalda el tema que les preocupa personalmente.

Por lo tanto, al emplear la accesibilidad del correo electrónico, no solo amplía su audiencia y abre nuevas oportunidades para obtener más ganancias, sino que también muestra su respeto y cuidado por todos y cada uno, lo que aumenta su credibilidad ante los ojos de los usuarios socialmente responsables y las personas con discapacidades.

Cómo crear un correo electrónico accesible

En esta sección, veremos siete elementos que pueden ayudarlo a hacer que sus correos electrónicos sean más accesibles para todos:

• estructura;
• código;
• Texto alternativo;
• enlaces y botones;
• fuentes;
• colores;
• acercar y alejar.

Además de estos elementos, recomendamos seguir las pautas de accesibilidad de la lista de criterios de The World Wide Web Consortium, que lo ayudarán a garantizar que su contenido web sea accesible para personas con discapacidades.

Estructura

Primero, asegúrese de colocar el contenido de su correo electrónico en un orden lógico, ya que los lectores de pantalla lo comprenden de izquierda a derecha y de arriba a abajo. Lea sus correos electrónicos en voz alta para ver si es fácil de entender la copia en sí sin mirar las imágenes.

Por ejemplo, Collaborative Fund mantiene una buena estructura lógica en sus correos electrónicos, por lo que es muy fácil seguirlos con la vista y con un lector de pantalla.

Para las personas con dislexia y discapacidades cognitivas, puede resultar difícil comprender grandes fragmentos de texto complejos. Por eso te recomendamos que vayas directo al grano en tu copia, acortando tus oraciones y evitando palabras largas o de jerga. Organice un pensamiento en una sola oración y un tema en un solo párrafo.

Para probar la legibilidad de su texto, utilice servicios como Readable. Puede pegar su texto allí, y la herramienta resaltará automáticamente oraciones largas o palabras complejas y sugerirá alternativas y sinónimos más fáciles. Eche un vistazo a Legible en acción:

Código

Luego, eche un vistazo a su código. Debe haber elementos de encabezado como h1 , h2 y etiqueta de párrafo p , etc. Esto permitirá que los lectores de pantalla naveguen por su correo electrónico. Una etiqueta HTML de idioma lang=”” permitirá que cualquier tecnología de asistencia comprenda qué perfil de idioma utilizar para el contenido. Vaya a una lista de todas las etiquetas de idioma HTML para encontrar el código del idioma que necesita.

Para limpiar su código y asegurarse de que no tiene etiquetas sin cerrar y otros problemas, puede usar diferentes herramientas de prueba de correo electrónico.

Por ejemplo, para evitar problemas con la visualización correcta de su contenido en formato visual o de audio, puede probar Dirty Markup. Simplemente pegue su código y haga clic en "Limpiar".

Texto alternativo

Incluya siempre un texto alternativo detallado, o texto alternativo, para las imágenes; debe transmitir el propósito o el significado de la imagen para que los suscriptores que usan tecnología de asistencia o tienen imágenes desactivadas comprendan el contexto general.

En el ejemplo de Messy Nessy Chic, puede ver que cada imagen tiene un texto alternativo, incluidos los botones de redes sociales en el pie de página del correo electrónico.

Si su correo electrónico contiene imágenes decorativas, las que se usan para el diseño visual y no asignan un significado específico, debe agregarle un atributo vacío alt=”” . Esto hará que los lectores de pantalla se salten la imagen.

Enlaces y botones

Cuando se trata de la copia, evite texto como "Haga clic aquí" y coloque un hipervínculo en el contexto de una oración. Esto hará que sea más fácil para los usuarios entender hacia dónde los redirigirá el enlace. Y recuerde, sus enlaces deben poder distinguirse del texto que los rodea.

Eche un vistazo al ejemplo de InsightTimer; utilizan un texto de hipervínculo limpio, que sería fácil de entender incluso para aquellos que no pueden leer el correo electrónico por sí mismos.

En cuanto a los botones de llamada a la acción, manténgalos lo suficientemente grandes como para que cualquier pulgar pueda tocarlos en cualquier dispositivo. Rodee sus botones con suficiente espacio en blanco para que no haya toques accidentales.

Fuentes

El tamaño de fuente en un correo electrónico accesible no debe ser inferior a 14 px. Además, debe utilizar fuentes seguras para la web, que se mostrarán correctamente en la mayoría de los dispositivos y sistemas operativos. Estas fuentes son Arial, Comic Sans, Courier New, Georgia, Impact, Palatino, Tahoma, Trebuchet MS, Times New Roman y Verdana. Obtenga más información sobre cómo elegir una fuente perfecta para sus correos electrónicos en nuestro blog.

Además, le recomendamos que aplique la alineación a la izquierda para el texto. Mientras leemos, el inicio de cada nueva línea sirve como ancla para nuestros ojos. Cuando la alineación está centrada, cada línea comienza en un punto diferente, lo que hace que el usuario salte de una línea a otra. Con una alineación justificada, a su vez, el espaciado entre palabras es diferente cada vez. Es por eso que mantener ese ancla visual en el mismo lugar, o usar una alineación del lado izquierdo, es su mejor opción para fines de legibilidad.

También se recomienda dividir su texto por encabezados, comillas y otros tipos de formato.

Brain Pickings ofrece correos electrónicos muy largos y con mucho contenido que consisten principalmente en texto, pero es fácil "digerirlos" debido a sus opciones de formato.

Colores

En primer lugar, debe verificar si los colores en su correo electrónico contrastan lo suficiente como para que sea accesible para las personas que tienen problemas de visión. Por ejemplo, se recomienda que la proporción para el texto normal sea de al menos 4.5: 1 y 3: 1 para el texto ampliado, que se usa a menudo en los títulos.

Para comprobar un buen contraste en términos de accesibilidad al correo electrónico, puede utilizar herramientas como Tanaguru o WebAIM. Le permiten ver la relación de contraste del primer plano y el fondo. Are My Colors Accessible es otra gran opción para comprobar si es fácil de comprender su correo electrónico.

Por ejemplo, si comprobamos la combinación estándar de texto negro y fondo blanco, podemos ver que la relación de contraste es muy alta: 21: 1. Sin embargo, cuando cambiamos el color de fondo a naranja, la proporción cae a 10,63: 1.

Acercar y alejar

Para los usuarios de baja visión, la configuración de zoom se utiliza a menudo para aumentar el tamaño del texto y otros elementos visuales en una pantalla. Así que compruebe si es posible ampliar su correo electrónico al menos al 200% sin perder la calidad del contenido.

A continuación, puede ver un fragmento del correo electrónico de The Futur que hemos ampliado al 200%: todo el contenido del correo electrónico permaneció visible y se puede leer con claridad.

Considerándolo todo

Al crear un correo electrónico accesible, intente tener en cuenta estos puntos:

1. Mantenga una estructura de lectura lógica de su correo electrónico.
2. Utilice código limpio con las etiquetas apropiadas requeridas por los dispositivos de asistencia.
3. Incluya texto alternativo informativo para cada imagen en su correo electrónico, incluidos los botones de redes sociales y su logotipo.
4. Asegúrese de que todos sus enlaces y botones sean utilizables o fáciles de interactuar.
5. Mantenga sus fuentes a un mínimo de 14 px, use el formato apropiado y alinee su texto a la izquierda.
6. Cíñete a un buen contraste entre los colores de fondo y de primer plano.
7. Asegúrese de que su contenido se pueda ampliar al menos al 200% sin pérdida de contenido.

Implementar la accesibilidad al correo electrónico sin experiencia previa puede resultar abrumador. Sin embargo, cuando analiza su impacto potencial, está claro que vale la pena hacer este trabajo. Pruebe SendPulse para crear plantillas de correo electrónico limpias y accesibles y envíelas a todos sus suscriptores.