{"id":20167,"date":"2022-01-21T12:20:26","date_gmt":"2022-01-21T11:20:26","guid":{"rendered":"https:\/\/mailmkts.acens.com\/blog\/?p=20167"},"modified":"2022-08-01T18:52:31","modified_gmt":"2022-08-01T16:52:31","slug":"accesibilidad-email","status":"publish","type":"post","link":"https:\/\/acumbamail.com\/blog\/accesibilidad-email\/","title":{"rendered":"8 consejos de accesibilidad para email"},"content":{"rendered":"

Para asegurar el impacto de nuestras campa\u00f1as de email, es imprescindible garantizar que los destinatarios puedan leer el contenido del correo f\u00e1cilmente y sin problemas de visualizaci\u00f3n; a continuaci\u00f3n, vamos a ver qu\u00e9 se entiende por accesibilidad de correos electr\u00f3nicos,<\/strong> y de qu\u00e9 forma podemos crear un email accesible con un par de consejos f\u00e1ciles de aplicar.<\/p>\n\n

Qu\u00e9 es la accesibilidad en el correo electr\u00f3nico<\/strong><\/h2>\n

El env\u00edo de una newsletter o de cualquier otra campa\u00f1a de email deja tras de s\u00ed un esfuerzo creativo en cuanto a dise\u00f1o y contenidos: al lanzar estos correos electr\u00f3nicos, de alguna forma esperamos que tengan cierto impacto sobre los destinatarios.<\/strong><\/p>\n

Sin embargo, si este dise\u00f1o no favorece la legibilidad del correo, por muy “bonito” que haya quedado, el destinatario podr\u00eda experimentar problemas de visualizaci\u00f3n o lectura<\/strong> por vistas incompatibles con su dispositivo o navegador, por no tener en cuenta a todas las personas que pueden leer nuestro email por un excesivo tiempo de carga o, simplemente, por no haber estructurado el contenido con cierto sentido.<\/p>\n

Por lo tanto, la accesibilidad en el correo electr\u00f3nico hace referencia a una serie de t\u00e9cnicas que rige el dise\u00f1o UX<\/a> por las cuales contribuimos a dar mayor legibilidad a un email,<\/strong> y as\u00ed prevenir situaciones como las anteriormente descritas.<\/p>\n

C\u00f3mo asegurarnos de que un email sea accesible<\/strong><\/h2>\n

A\u00f1ade atributo ALT a las im\u00e1genes<\/strong><\/h3>\n

La etiqueta ALT<\/a> es un atributo HTML que consiste en a\u00f1adir un texto alternativo a una imagen que la describa;<\/strong> al a\u00f1adir en un correo electr\u00f3nico un texto alternativo, daremos una informaci\u00f3n que se mostrar\u00e1 si las im\u00e1genes no se han podido cargar correctamente.<\/p>\n

Adem\u00e1s, es importante describir la imagen con un atributo ALT para que las personas con dificultades visuales puedan comprender el mensaje que quieres transmitir, puesto que los lectores de pantalla pueden leer los atributos ALT en voz alta.<\/strong><\/p>\n

\"Ejemplo<\/p>\n

Si quieres saber m\u00e1s sobre c\u00f3mo adaptar las im\u00e1genes al formato ideal para tus emails, consulta este art\u00edculo sobre optimizaci\u00f3n de im\u00e1genes para email<\/a>.<\/p>\n

Prioriza texto sobre im\u00e1genes<\/strong><\/h3>\n

El texto plano es el elemento HTML que carga con mayor rapidez<\/strong>: en cambio, un email lleno de im\u00e1genes corre el riesgo de tardar demasiado en ser descargado, adem\u00e1s de poder afectar en cierta medida a tu entregabilidad<\/a>. Adem\u00e1s, es posible que el dise\u00f1ador haya incluido textos en elementos multimedia que, si no se cargan, no podr\u00e1n ser le\u00eddos.<\/p>\n

Adem\u00e1s, cabe mencionar que incluir texto dentro de im\u00e1genes es mucho menos accesible<\/strong> que ir con el texto y la imagen por separado, ya que los asistentes de voz no pueden leer ese texto.<\/p>\n

Utiliza un dise\u00f1o responsive<\/em> que se adapte a distintos dispositivos<\/strong><\/h3>\n

Un dise\u00f1o es responsive<\/em> si se adapta al tama\u00f1o de la pantalla del dispositivo<\/strong> en el que se visualizar\u00e1 el contenido: esto afecta a elementos como el interlineado o la disposici\u00f3n de men\u00fas y contenido embebido.<\/p>\n

Lo m\u00e1s importante es que el HTML para email con el que trabajes se adapte a la visualizaci\u00f3n desde distintos dispositivos, o bien utilices plantillas de email responsive<\/em><\/a> que sepas que van a verse correctamente desde distintos clientes de correo, navegadores y dispositivos.<\/p>\n

Presenta la informaci\u00f3n en un orden l\u00f3gico <\/strong><\/h3>\n

Es importante que tu email sea lo m\u00e1s breve y conciso posible<\/strong>, y que respete el orden l\u00f3gico de c\u00f3mo solemos leer<\/strong> un email.<\/p>\n

En este sentido, lo mejor es optar por el formato del tri\u00e1ngulo invertido<\/strong>:<\/p>\n

\"Ejemplo<\/p>\n

Los emails con forma de tri\u00e1ngulo invertido normalmente tienen esta estructura:<\/p>\n