{"id":101010,"date":"2026-10-13T10:13:51","date_gmt":"2026-10-13T10:13:51","guid":{"rendered":"https:\/\/mailrelay.com\/?post_type=glossary&p=101010"},"modified":"2026-10-13T10:13:57","modified_gmt":"2026-10-13T10:13:57","slug":"email-accesible","status":"publish","type":"glossary","link":"https:\/\/mailrelay.com\/es\/glosario\/email-accesible\/","title":{"rendered":"Email accesible"},"content":{"rendered":"\n

Un email accesible es un correo dise\u00f1ado para que cualquier persona pueda leerlo y usarlo, tambi\u00e9n quien utiliza un lector de pantalla, tiene poca visi\u00f3n o no ve las im\u00e1genes.<\/strong> La accesibilidad afecta al texto, al dise\u00f1o y al c\u00f3digo del mensaje.<\/p>\n\n\n\n

No es un detalle t\u00e9cnico menor. Cuando un email no es accesible, una parte de tu lista no puede leer la oferta ni pulsar el bot\u00f3n, aunque el mensaje haya llegado a su bandeja de entrada<\/a>.<\/p>\n\n\n\n

\u00bfPor qu\u00e9 importa la accesibilidad del email?<\/h2>\n\n\n\n

Por tres motivos.<\/p>\n\n\n\n

El primero es el alcance<\/strong>. Seg\u00fan la Organizaci\u00f3n Mundial de la Salud, unos 1.300 millones de personas viven con una discapacidad significativa, alrededor del 16 % de la poblaci\u00f3n mundial. A ellas se suman quienes leen con prisa en el m\u00f3vil, con el sol de frente o con las im\u00e1genes bloqueadas.<\/p>\n\n\n\n

El segundo son los resultados<\/strong>. Un email claro, con buen contraste y un bot\u00f3n<\/a> grande, funciona mejor para todos los lectores, no solo para quienes usan tecnolog\u00edas de apoyo.<\/p>\n\n\n\n

El tercero es la ley<\/strong>.<\/p>\n\n\n\n

\u00bfQu\u00e9 dice la ley sobre los emails accesibles?<\/h2>\n\n\n\n

Desde el 28 de junio de 2025<\/strong> se aplica en Espa\u00f1a la Ley 11\/2023. Transpone la Directiva (UE) 2019\/882, conocida como European Accessibility Act<\/em>.<\/p>\n\n\n\n

La ley obliga a que ciertos productos y servicios sean accesibles, entre ellos los servicios de comercio electr\u00f3nico<\/a><\/strong> y la banca para consumidores.<\/p>\n\n\n\n

La ley no habla del email marketing como tal.<\/p>\n\n\n\n

Pero si vendes online, los correos que forman parte del servicio (confirmaciones de pedido<\/a>, facturas, avisos de env\u00edo) son parte de la experiencia de compra. Lo prudente es que cumplan los mismos criterios que tu web.<\/p>\n\n\n\n

La Directiva exime a las microempresas que prestan servicios, aunque aplicar estas pautas sigue siendo una buena pr\u00e1ctica.<\/p>\n\n\n\n

La referencia t\u00e9cnica habitual son las pautas WCAG<\/strong> (Web Content Accessibility Guidelines) del W3C, en su nivel AA.<\/p>\n\n\n\n

\u00bfC\u00f3mo hacer un email accesible? Checklist de 10 puntos<\/h2>\n\n\n\n
\"Checklist<\/figure>\n\n\n\n
    \n
  1. Texto alternativo<\/a> en las im\u00e1genes.<\/strong> Describe lo que aporta cada imagen; deja el alt<\/em> vac\u00edo en las decorativas.<\/li>\n\n\n\n
  2. Nada de texto importante dentro de una imagen.<\/strong> Si la imagen no carga, el mensaje desaparece.<\/li>\n\n\n\n
  3. Contraste suficiente.<\/strong> WCAG AA pide al menos 4,5:1 entre texto y fondo en texto normal, y 3:1 en texto grande.<\/li>\n\n\n\n
  4. Tama\u00f1o de letra legible:<\/strong> 14-16 px en el cuerpo del correo<\/a> y una tipograf\u00eda sencilla.<\/li>\n\n\n\n
  5. Estructura<\/a> con encabezados reales<\/strong>, para que el lector de pantalla pueda saltar de una secci\u00f3n a otra.<\/li>\n\n\n\n
  6. Enlaces que se entiendan solos.<\/strong> \u00abDescarga la gu\u00eda de precios\u00bb en lugar de \u00abhaz clic aqu\u00ed\u00bb.<\/li>\n\n\n\n
  7. Botones grandes y f\u00e1ciles de pulsar<\/strong> en el m\u00f3vil<\/a>, con texto real, no dibujado en una imagen.<\/li>\n\n\n\n
  8. Una sola columna<\/strong> y un orden de lectura l\u00f3gico.<\/li>\n\n\n\n
  9. Idioma del mensaje declarado<\/strong> en el c\u00f3digo, para que el lector de pantalla use la pronunciaci\u00f3n correcta.<\/li>\n\n\n\n
  10. El color no es la \u00fanica pista.<\/strong> Si marcas algo en rojo, a\u00f1ade tambi\u00e9n una palabra o un icono.<\/li>\n<\/ol>\n\n\n\n

    Antes de enviar, prueba a leer el email con las im\u00e1genes desactivadas. Si se entiende, vas por buen camino.<\/p>\n\n\n\n

    \n

    Dise\u00f1a emails claros con Mailrelay<\/strong><\/p>\n\n\n\n

    Plantillas y editor de arrastrar y soltar para crear correos con texto real y botones grandes. Gratis hasta 80.000 emails al mes.<\/p>\n\n\n\n

    \n
    Crear cuenta gratis<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

    Errores frecuentes que hacen un email inaccesible<\/h2>\n\n\n\n

    El m\u00e1s habitual es el email hecho con una sola imagen<\/strong>: bonito en pantalla, pero vac\u00edo para un lector de pantalla y para quien bloquea las im\u00e1genes.<\/p>\n\n\n\n

    \"Email<\/figure>\n\n\n\n

    Le siguen el texto gris claro sobre fondo blanco, los emojis<\/a> usados en lugar de palabras y los enlaces que dicen \u00abaqu\u00ed\u00bb o \u00abm\u00e1s\u00bb.<\/p>\n\n\n\n

    Tampoco ayudan los asuntos<\/a> llenos de s\u00edmbolos: el lector de pantalla los lee uno a uno.<\/p>\n\n\n\n

    C\u00f3mo crear emails accesibles con Mailrelay<\/h2>\n\n\n\n

    Con el editor de arrastrar y soltar<\/a> de Mailrelay maquetas el correo con bloques de texto, imagen y bot\u00f3n, sin escribir c\u00f3digo. As\u00ed es m\u00e1s f\u00e1cil que el texto sea texto real y no una imagen.<\/p>\n\n\n\n

    Parte de una plantilla de email<\/a> sencilla. Ajusta los colores de tu marca comprobando el contraste y env\u00edate una prueba antes de cada campa\u00f1a.<\/p>\n\n\n\n

    Si dudas entre dos dise\u00f1os, una prueba A\/B<\/a> te dir\u00e1 cu\u00e1l funciona mejor.<\/p>\n\n\n\n

    Con la cuenta gratuita tienes hasta 80.000 emails al mes y soporte por chat, ticket y tel\u00e9fono.<\/p>\n\n\n\n

    \n

    Env\u00eda newsletters que todo el mundo pueda leer<\/strong><\/p>\n\n\n\n

    Editor visual, pruebas A\/B e informes en tiempo real, con soporte experto en todas las cuentas. Empieza gratis con 20.000 contactos.<\/p>\n\n\n\n

    \n
    Probar Mailrelay gratis<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

    Preguntas frecuentes sobre el email accesible<\/h2>\n\n\n\n

    Estas son las dudas m\u00e1s comunes sobre la accesibilidad del correo.<\/p>\n\n\n\n

    \u00bfEs obligatorio que los emails sean accesibles?<\/h3>\n\n\n\n

    La Ley 11\/2023 obliga a determinados servicios, como el comercio electr\u00f3nico, desde el 28 de junio de 2025. Para los correos de marketing no hay una obligaci\u00f3n expresa, pero aplicar las pautas WCAG es lo recomendable.<\/p>\n\n\n\n

    \u00bfQu\u00e9 es el texto alternativo de una imagen?<\/h3>\n\n\n\n

    Es una descripci\u00f3n breve que el lector de pantalla lee en voz alta y que aparece cuando la imagen no se carga. En HTML es el atributo alt<\/em>.<\/p>\n\n\n\n

    \u00bfC\u00f3mo compruebo el contraste de los colores?<\/h3>\n\n\n\n

    Con un comprobador de contraste WCAG gratuito: introduces el color del texto y el del fondo y te dice si cumple el nivel AA (4,5:1).<\/p>\n\n\n\n

    \u00bfUn email accesible tiene menos dise\u00f1o?<\/h3>\n\n\n\n

    No. Puede llevar im\u00e1genes, colores e iconos. La diferencia es que la informaci\u00f3n y los botones no dependen de ellos.<\/p>\n\n\n\n

    Entradas relacionadas<\/h2>\n\n\n\n