Tabla de contenido
  1. Puntos clave
  2. ¿Qué es la accesibilidad al correo electrónico?
  3. WCAG para el correo electrónico: niveles, principios y cómo se aplican
  4. Cumplimiento legal: ADA, Sección 508 y la Ley Europea de Accesibilidad
  5. ¿Quién se beneficia de los correos electrónicos accesibles?
  6. Pasos para crear correos electrónicos accesibles
  7. Resumen
  8. Preguntas frecuentes
Aspecto social
3 días

Mejores prácticas de accesibilidad por correo electrónico: la guía completa 2026

Autor
Hanna Kuznietsova
Hanna Kuznietsova Líder del equipo de contenidos en Stripo
Email accessibility best practices _ The complete guide 2026
Tabla de contenido
1.
Puntos clave

Llame a su madre y dígale que ha creado correos electrónicos a propósito que ella no puede leer. Eso es lo que realmente significa saltarse la accesibilidad.

Ryan Phelan

La accesibilidad al correo electrónico es una necesidad real y a gran escala. El correo electrónico sigue siendo uno de los canales de comunicación más preferidos: el 69 % de los consumidores en todo el mundo afirma que es su forma preferida de recibir noticias de marcas. Al mismo tiempo, según la Organización Mundial de la Salud, 1 de cada 6 personas en todo el mundo experimenta una discapacidad significativa que afecta a su experiencia digital. Esto significa que los correos electrónicos deben ser accesibles para que todos los puedan leer, entender e interactuar con sus mensajes. La accesibilidad también se está convirtiendo en un requisito legal en todas las regiones. En conjunto, estos factores hacen que la accesibilidad al correo electrónico deje de ser opcional, sino un requisito básico para una comunicación digital responsable.

Puntos clave

  1. WCAG 2.2 Nivel AA es el objetivo práctico para los equipos de correo electrónico. Es el punto de referencia más comúnmente referenciado para la accesibilidad digital y proporciona a los equipos un estándar realista para mejorar el texto, el diseño y el código del correo.
  2. Los correos electrónicos accesibles benefician tanto a los suscriptores como a las empresas. Los suscriptores reciben mensajes que pueden leer e interactuar sin obstáculos, mientras que las empresas reducen riesgos legales y reputacionales, mejoran la usabilidad y evitan excluir a los clientes por accidente.
  3. La accesibilidad requiere el texto, el diseño, el código y las pruebas para funcionar conjuntamente. Un lenguaje claro, texto alternativo significativo, enlaces descriptivos, diseño legible, código semántico, comprobaciones automáticas, pruebas con lector de pantalla, navegación por teclado y revisión manual apoyan una mayor accesibilidad al correo electrónico.

¿Qué es la accesibilidad al correo electrónico?

La accesibilidad del correo electrónico significa crear correos que todos los suscriptores puedan leer, entender, navegar e interactuar, incluyendo a personas con discapacidad y a quienes utilizan tecnologías de asistencia como lectores de pantalla, navegación con teclado, control por voz, herramientas de zoom o ajustes de accesibilidad.

Este tema se ha debatido durante más de 10 años; sin embargo, el correo electrónico accesible sigue lejos de ser la norma. Según el Informe de Accesibilidad 2025 del Email Markup Consortium, el 99,89% de los correos HTML probados contenían problemas de accesibilidad graves o críticos. En 2024, esa cifra fue del 99,97%. El cambio porcentual puede parecer pequeño, pero sigue mostrando un ligero progreso: el número de correos electrónicos sin problemas graves o críticos aumentó de 28 de 409.357 correos en 2024 a unos 488 de 443.585 correos en 2025.

Este progreso sigue siendo muy limitado, pero demuestra que cada vez más los equipos están empezando a prestar atención a la accesibilidad y que aún queda mucho camino por recorrer.

WCAG para el correo electrónico: niveles, principios y cómo se aplican

Las leyes y estándares de accesibilidad en todo el mundo suelen depender de las Directrices de Accesibilidad de Contenidos Web, o WCAG. Creada por el World Wide Web Consortium (W3C), WCAG explica cómo hacer que el contenido digital sea más accesible para personas con discapacidad. WCAG 2.2, emitida en 2023, es la última versión de estas directrices y es ahora el referente más actualizado para la accesibilidad digital. Aunque WCAG en sí no es una ley, muchas leyes y regulaciones de accesibilidad utilizan requisitos basados en WCAG para definir qué debe ser el contenido digital accesible.

WCAG se basa en cuatro principios fundamentales, conocidos como POUR:

  1. Percibibles: Las personas deben poder acceder a la información, ya sea visualmente, auditivamente o mediante tecnología de ayuda. Por ejemplo, el texto debe tener suficiente contraste con el fondo.
  2. Operable: Las personas deben poder utilizar y navegar por el contenido. Por ejemplo, los elementos interactivos deben funcionar sin depender solo del ratón.
  3. Comprensible: El contenido debe ser claro, consistente y predecible. Esto incluye textos legibles, estructura lógica y maquetaciones familiares.
  4. Robusto: El contenido debe funcionar de forma fiable en diferentes dispositivos, clientes de correo electrónico y tecnologías de asistencia, incluidos los lectores de pantalla.

Estos principios son la base de la mayoría de las recomendaciones de accesibilidad. Cada guía práctica, desde el texto alternativo hasta el contraste de color y la navegación con el teclado, se conecta con una o más de ellas.

WCAG también define tres niveles de conformidad: A, AA y AAA.

  • el nivel A cubre los requisitos de accesibilidad más básicos. Ayuda a eliminar barreras importantes, pero no hace que el contenido sea completamente accesible por sí solo. Por ejemplo, el Nivel A exige que el color no sea la única forma de comunicar el significado;
  • el nivel AA es el nivel más comúnmente referenciado por las leyes, estándares y políticas de accesibilidad. Se basa en el nivel A y cubre una gama más amplia de necesidades de los usuarios. Para los equipos de correo electrónico, WCAG 2.2 El nivel AA suele ser el objetivo más práctico y recomendado;
  • el nivel AAA es el más alto y avanzado. Puede ser útil como aspiración, especialmente para elementos específicos, pero normalmente es demasiado estricto para aplicarlo como requisito estándar para cada contenido.

En la práctica, cumplir con el Nivel A por sí solo no es suficiente. La mayoría de los equipos deberían aspirar al Nivel AA porque ofrece una base de accesibilidad más sólida y se alinea mejor con los estándares de accesibilidad para el correo electrónico.

Esto es importante no solo para la experiencia del usuario, sino también para el cumplimiento. En todo el mundo, las leyes y políticas de accesibilidad utilizan cada vez más estándares basados en WCAG para definir cómo debe ser el contenido digital accesible.

Cumplimiento legal: ADA, Sección 508 y la Ley Europea de Accesibilidad

Los requisitos legales varían según el país, la industria y el tipo de organización, por lo que esta sección no constituye asesoramiento legal. Sin embargo, la dirección es clara: la accesibilidad digital se está convirtiendo en un requisito formal en más regiones, y los correos electrónicos pueden formar parte de ese ecosistema de comunicación digital.

Aquí están las regulaciones clave que los equipos de correo electrónico deberían conocer:

  1. Sección 508: La Sección 508 se aplica a las agencias federales de EE. UU. y exige que sus tecnologías de la información y la comunicación sean accesibles para personas con discapacidad, incluidos empleados y miembros del público. Esto puede incluir comunicaciones digitales oficiales, sistemas internos, documentos y mensajes de correo electrónico.
  2. Ley de Estadounidenses con Discapacidades (ADA): En EE. UU., la ADA prohíbe la discriminación contra personas con discapacidad, y la accesibilidad digital se trata cada vez más como parte del acceso igualitario a servicios públicos y experiencias en línea. La norma ADA Título II del DOJ de 2024 exige que el contenido web y las aplicaciones móviles de los gobiernos estatales y locales cumplan con el WCAG 2.1 Nivel AA. 
  3. Ley Europea de Accesibilidad (EAA): La EAA establece requisitos de accesibilidad para muchos productos y servicios ofrecidos en el mercado de la UE. Desde el 28 de junio de 2025, las empresas cubiertas deben cumplir con obligaciones de accesibilidad, con normas técnicas como la EN 301 549, basadas en gran medida en WCAG. 
  4. Ley de Canadá Accesible (ACA): La ACA tiene como objetivo identificar, eliminar y prevenir barreras de accesibilidad en organizaciones reguladas a nivel federal en Canadá. Sus regulaciones incluyen sanciones basadas en la gravedad del incumplimiento, con sanciones más severas para infracciones más graves. 
  5. Equality Act 2010: En el Reino Unido, la Equality Act 2010 exige a los proveedores de servicios realizar ajustes razonables para que las personas con discapacidad no queden excluidas del acceso a los servicios. Para las experiencias digitales, WCAG se utiliza comúnmente como referencia práctica para cumplir con las expectativas de accesibilidad.

El cumplimiento es una razón para preocuparse por la accesibilidad, pero no debería ser la única. Los correos electrónicos accesibles son, en última instancia, sobre personas: los suscriptores que necesitan recibir información sin barreras y las empresas que quieren que sus mensajes lleguen y sirvan a toda la audiencia.

¿Quién se beneficia de los correos electrónicos accesibles?

Los correos electrónicos accesibles crean valor para todos los implicados. Los suscriptores reciben mensajes que pueden leer, entender y utilizar sin obstáculos. Las empresas obtienen una comunicación más sólida, menos riesgos evitables y una mejor oportunidad de llegar a la audiencia completa a la que pretendían llegar.

1. Sus suscriptores se benefician de correos electrónicos accesibles

Cuando sigue los estándares de accesibilidad del correo electrónico en HTML, pueden ser leídos, entendidos e interactuados por personas que antes estaban excluidas:

  • 2.200 millones de personas en todo el mundo tienen algún tipo de discapacidad visual;
  • 45 millones de personas son completamente ciegas;
  • alrededor de 340 millones de personas son daltónicas (aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres);
  • 1.200 millones viven con dislexia (el 15% de la población mundial), lo que afecta a cómo leen y procesan textos;
  • 430 millones de personas viven con pérdida auditiva incapacitante;
  • aproximadamente el 5% de las personas con epilepsia tienen epilepsia fotosensible, en la que el contenido parpadeante puede desencadenar convulsiones;
  • El 12,2% de la población estadounidense presenta discapacidades motoras muy significativas;
  • muchos más experimentan limitaciones situacionales o temporales, como lesiones o cambios relacionados con la edad.

2. Las empresas también se benefician

Cuando la accesibilidad se convierte en una base, los correos electrónicos hacen más que ayudar a las marcas a evitar riesgos legales y reputacionales. Se vuelven más fáciles de leer, más fáciles de entender y de actuar. Eso importa para el rendimiento empresarial. Si los suscriptores pueden entender claramente su mensaje, seguir la estructura, hacer clic en el enlace correcto y completar la acción prevista, sus correos tienen más posibilidades de apoyar la interacción y las conversiones.

Las empresas financieras con las que trabajo ven aumentos en todos los indicadores tras mejorar la accesibilidad. También evitan demandas e incluso reciben comentarios como "Sus correos electrónicos son fáciles de leer."

Ryan Phelan

Ryan Phelan,

CEO de RPEOrigin en su seminario web con Stripo.

La accesibilidad también ayuda a las empresas a evitar excluir clientes por accidente. Las personas con discapacidad son suscriptores, clientes, empleados y responsables de la toma de decisiones. Cuando los correos electrónicos son inaccesibles, las marcas pueden, sin querer, dificultar que parte de su audiencia lea mensajes, entienda ofertas o actúe.

El mercado de discapacidad controla más de 13 billones de dólares en ingresos disponibles anuales a nivel mundial.

Mike Paciello

Mike Paciello,

Director de accesibilidad en AudioEye en su entrevista para Stripo.

Entender por qué la accesibilidad es importante es solo el primer paso. El siguiente paso es convertirlo en un proceso de producción de correo repetible: desde las palabras que escribe hasta el código que genera su creador o desarrollador de correos.

Pasos para crear correos electrónicos accesibles

Ahora que hemos cubierto los estándares, el contexto legal y el valor empresarial, pasemos de la teoría a la práctica. Los correos electrónicos accesibles se crean mediante el trabajo combinado de texto, diseño, código y pruebas. Centrarse solo en un área, como el contraste de color o el texto alternativo, no es suficiente porque diferentes barreras afectan a los suscriptores de distintas maneras. 

También te puede gustar

Por qué es importante la accesibilidad digital y cómo comenzar a utilizarlaPor qué es importante la accesibilidad digital y cómo comenzar a utilizarla

Así es como se hace:

Paso 1. Escribir textos accesibles por correo electrónico

Discapacidades que cubre: discapacidades visuales y cognitivas/de aprendizaje/neurológicas.

Las directrices para el texto accesible incluyen:

  • redactar textos concisos para que los destinatarios puedan captar rápidamente su punto sin necesidad de leer textos extensos;
  • utilizar un lenguaje directo que un alumno de 7º a 8º pueda entender fácilmente. Evitar jerga compleja o términos académicos;
  • fijar el espaciado entre líneas a aproximadamente el 150%;
  • dividir su contenido en secciones con subtítulos claros para facilitar la lectura de sus correos;
  • establecer encabezados en lugar de utilizar fuentes más grandes.

Paso 2. Optimización de textos alternativos

Discapacidades que cubre: El texto alternativo es especialmente importante para los usuarios de lectores de pantalla, pero también ayuda cuando las imágenes están bloqueadas, tardan en cargar o no están disponibles. 

Primero, expliquemos la diferencia entre atributo alterno y texto alternativo:

  • el atributo alt es el atributo HTML usado dentro del elemento image;
  • el texto alternativo es el contenido colocado dentro del atributo alt.

Aunque a menudo se usan de forma intercambiable, estos términos son distintos.

Déjanos mostrarte qué ocurre cuando no hay un atributo alternativo:

  • las personas que utilizan lectores de pantalla oirán el nombre del archivo si la imagen no está vinculada, o la URL de la imagen si la imagen está vinculada;
  • todos los destinatarios no tendrán ni idea de qué trata la imagen si la imagen está bloqueada.

Mejores prácticas de accesibilidad: Uso del texto ALT para images

(Fuente: Seminario web con Sarah Gallardo)

Las mejores prácticas de textos alternativos incluyen:

  • solo añadir textos alternativos a imágenes con significado, evite añadirlos a imágenes decorativas;
  • considere tanto el contenido como el contexto de la imagen;
  • asegúrese de que su texto alternativo transmita lo que la imagen representa;
  • procure un texto alternativo descriptivo pero conciso;
  • mantenga el texto alternativo conciso, idealmente entre 100 y 120 caracteres, para que siga siendo fácil de entender;
  • omita frases como "esta imagen es sobre", ya que los lectores de pantalla ya indican la presencia de una imagen;
  • utilice mayúsculas de frase o título, evitando todas las mayúsculas;
  • asegure un buen contraste entre el texto alternativo y el fondo para mayor claridad visual.

Mal ejemplo: camisa.

Buen ejemplo: camisa blanca de manga larga de hombre con botones azules.

Tenga en cuenta que puede utilizar IA para generar texto alternativo en Stripo. La IA de Stripo analiza su imagen y sugiere texto alternativo significativo y específico para ella.

Generar textos alternativos con Stripo para mejorar el correo de accesibilidad

También te puede gustar

Paso 3. Hacer accesibles los enlaces

Discapacidades que cubre: Apoya a usuarios de lectores de pantalla y a personas con discapacidades motoras.

Las mejores prácticas de los enlaces accesibles incluyen:

  • siga una estrategia de enlaces bien definida: añadir solo enlaces a imágenes esenciales y evitar enlazar las decorativas;
  • utilice texto descriptivo del enlace para indicar claramente hacia dónde conduce el enlace, evitando frases genéricas como "Aprende más" o "Haz clic aquí;"
  • asegúrese de que el texto alternativo para las imágenes enlazadas describa el destino del enlace;
  • asegúrese de que los enlaces destaquen utilizando métodos de formato como subrayado o negrita en lugar de depender únicamente del color;
  • siempre que sea posible, incluya enlaces en los botones de llamada a la acción para ayudar a quienes tienen baja visión o discapacidades motoras a hacer clic en ellos.

Tenga en cuenta que el Verificador de Accesibilidad de Stripo puede ayudarlo a revisar sus enlaces. Detecta textos de enlaces no descriptivos y le permite generar descripciones de enlaces más claras y accesibles con IA en segundos.

Optimización de la descripción de enlaces con Stripo Accessibility checker

También te puede gustar

Paso 4. Optimización del diseño del correo electrónico para la accesibilidad

La accesibilidad debe incluirse en el proceso de diseño desde el principio.

Luke Glasner

Luke Glasner,

Director de entrega de correos electrónicos en ZeroBounce para Stripo’s Email Trends 2026.

Debido a su complejidad, este paso se divide en varios grupos.

Grupo 1. Directrices de accesibilidad para el formato de texto 

Discapacidades que abarca: personas con baja visión, personas que usan lectores de pantalla y personas con dislexia.

  • evite utilizar mayúsculas, ya que pueden ser malinterpretadas por personas con dislexia y los lectores de pantalla pueden leerlas como abreviaturas;
  • incluya signos de puntuación al final de las viñetas y encabezados;
  • minimice el uso de cursivas y subrayar para enfatizar; evite por completo las cursivas subrayadas;
  • solo subraye el texto si es un hipervínculo;
  • WCAG no especifica un tamaño mínimo de fuente. Sin embargo, para facilitar la legibilidad, se recomienda utilizar al menos 14px en escritorio y 16px en móvil;
  • utilice fuentes accesibles como OpenDyslexic, Comic Sans y opciones sans-serif como Arial, Verdana, Tahoma, Century Gothic, Trebuchet, Calibri y Open Sans;
  • alinee el texto del cuerpo con la dirección de lectura del idioma: izquierda para idiomas de izquierda a derecha y derecha para idiomas de derecha a izquierda. Evite el texto central del cuerpo, justificaciones completas y saltos de línea manuales.

Aunque el Criterio de Éxito 1.4.8 (conformidad AAA) lo permite, la mejor práctica recomienda evitar el texto justificado por las razones mencionadas. Alinee el texto solo a un lado.

David Gevorkian

David Gevorkian,

CEO / Fundador de Be Accessible.

Grupo 2. Trabajar con colores

Discapacidades que cubre: personas con daltonismo, baja visión y dislexia.

  • asegure un contraste de color suficiente entre texto e imágenes: para textos de menos de 16px en negrita y 24 normal, debe ser 4,5:1, mientras que para textos superiores debe ser 3:1;
  • mire tanto los modos claro como oscuro;
  • utilizar fondos de un solo color; 
  • esto no es un requisito específico de WCAG 2.2, pero lo recomienda la British Dyslexia Association: el texto completamente negro sobre un fondo blanco puro puede resultar demasiado duro para algunos lectores con dislexia. Utilice texto oscuro sobre fondo blanco hueso;
  • evite utilizar solo colores para resaltar información importante en los correos electrónicos;
  • Al utilizar imágenes para indicar respuestas correctas o incorrectas (con rojo y verde, respectivamente) o tendencias en los números, complementa con descripciones en texto o signos "+" y "-" para mayor claridad.

(Fuente: Correo electrónico de HubSpot)

Grupo 3. Trabajando en imágenes

Discapacidades que cubre: personas con daltonismo, baja visión, dislexia y epilepsia fotosensible. 

Estamos hablando de GIFs e imágenes:

  • utilizar GIFs con tres o menos flashes por segundo;
  • utilizar una imagen animada (GIFs) por pantalla;
  • mantener el contraste de color como se indicó anteriormente;
  • incluir texto alternativo significativo para las imágenes. Para GIFs que transmitan instrucciones o información significativa, proporciona descripciones adicionales debajo del GIF.

Paso 5. Cumplir los requisitos de accesibilidad en el código de correo electrónico

Discapacidades que cubre: Apoya a quienes utilizan lectores de pantalla y otros tipos de tecnología asistencial.

El correo electrónico accesible comienza con el código. Si el código no está estructurado correctamente, las personas que usan lectores de pantalla, navegación por teclado u otras tecnologías de asistencia pueden tener dificultades para acceder al mensaje, incluso cuando el correo parece visualmente pulido.

  • utilice etiquetas de párrafo para el texto principal. Envuelve bloques de texto significativos en etiquetas <p> para que el correo tenga una estructura de lectura clara;
  • utilice etiquetas de encabezado real. Aplique  etiquetas <h1>–<h6> para organizar el contenido y ayudar a los usuarios de lectores de pantalla a moverse más fácilmente por el correo;
  • las listas de códigos se muestran correctamente. Utilice elementos reales <ul> y <li> en lugar de viñetas, emojis o símbolos solo visuales;
  • gestione correctamente las tablas de diseño. Como los correos HTML suelen depender de tablas para un renderizado consistente, asegúrese de que las tablas de diseño estén marcadas con role="presentation" o role="none" para que los lectores de pantalla no las traten como tablas de datos;
  • añada atributos alt adecuados. Utilizar texto alternativo significativo para imágenes informativas y atributos alt="" vacíos para imágenes decorativas;
  • haga que los enlaces sean legibles para tecnologías asistenciales. Cada etiqueta <a> debe tener texto claro y discernible. Evite enlaces vacíos o solo de imagen sin alternativas. Si una imagen está enlazada, proporcione texto alternativo significativo, texto visible u oculto o una etiqueta de aria;
  • enlazar imágenes intencionadamente. Añadir enlaces solo a imágenes que deban ser clicables. Evitar enlazar imágenes decorativas, ya que esto puede generar ruido extra para los usuarios de lectores de pantalla;
  • establecer el lenguaje correcto. Añadir el atributo lang a <html> y dirigir a los descendientes directos de <body>; esta redundancia es necesaria, ya que algunos clientes de correo electrónico pueden eliminarla del elemento <html>. Utilice el código correcto del lenguaje siempre que sea posible; si el lenguaje es desconocido, utilice lang="und" como respaldo;
  • envuelva el contenido dentro del <body> con un atributo dir para la direccionalidad.

Stripo ayuda a reducir muchos riesgos de accesibilidad relacionados con el código, generando código estructurado para el correo electrónico y soportando configuraciones clave como el idioma, la dirección del texto, atributos alternativos y enlaces accesibles. Sin embargo, los equipos deberían seguir revisando el correo final porque la accesibilidad también depende del contenido, el diseño y los enlaces añadidos durante la producción.

Paso 6. Comprobar si sus correos cumplen con los estándares de accesibilidad de correo HTML

Tiene que comer su propia comida para perros. Es decir, tiene que probar el resultado.

Mike Paciello

Mike Paciello,

Director de Accesibilidad @ AudioEye | Fundador, vicepresidente, director, autor, mentor.

Incluso si sigue todas las directrices de accesibilidad al escribir, diseñar y codificar su correo, aún necesita probar el resultado final. Los problemas de accesibilidad suelen aparecer en la última etapa: una imagen puede no tener texto alternativo, un enlace puede sonar poco claro fuera de contexto, el contraste de color puede romperse tras una actualización de diseño o el código del correo puede cambiar durante la exportación.

Por eso las pruebas de accesibilidad deberían formar parte de su proceso previo al envío, no algo que haga solo de vez en cuando.

Utilizar una combinación de métodos de prueba:

  1. Comprobaciones automatizadas de accesibilidad: Utilice herramientas de accesibilidad para escanear su correo electrónico en busca de problemas comunes, como falta de texto alternativo, atributos de idioma, estructura incorrecta, mal contraste de color y problemas de código que puedan afectar a las tecnologías asistenciales.
  2. Pruebas con lectores de pantalla: Abra el correo electrónico con un lector de pantalla, como VoiceOver, NVDA, Narrador o TalkBack. Compruebe si el orden de lectura tiene sentido, si las imágenes y enlaces se anuncian claramente, si los encabezados ayudan a la navegación y si el CTA es comprensible sin contexto visual.
  3. Pruebas de navegación con teclado: Navegue por el correo sin utilizar el ratón. Compruebe si los enlaces, botones y elementos interactivos son accesibles, utilizables y siguen un orden lógico.
  4. Revisión manual: Lea el correo electrónico como lo haría un suscriptor. Compruebe si el mensaje es claro, las secciones son fáciles de escanear, los enlaces son descriptivos, las imágenes tienen texto alternativo significativo o vacío cuando corresponde, y la acción principal es fácil de entender. Para problemas medibles, como el contraste de color, utilice una herramienta dedicada en lugar de juzgar a simple vista. 

Hemos preparado una guía detallada sobre herramientas de prueba de accesibilidad por correo electrónico, donde cubrimos soluciones para comprobar la estructura del código, texto alternativo, enlaces, contraste, daltonismo, riesgos de fotosensibilidad, compatibilidad con lectores de pantalla y calidad general de accesibilidad. 

También te puede gustar

Paso 7. Utilizar una lista manual de accesibilidad antes de enviar

Incluso después de comprobaciones automatizadas y pruebas basadas en herramientas, una revisión manual final sigue siendo importante. Las herramientas pueden detectar muchos problemas técnicos, pero no siempre pueden juzgar si el correo electrónico resulta claro, lógico y fácil de utilizar para un suscriptor real. 

A lo largo de esta guía, cubrimos recomendaciones de accesibilidad para textos de correo electrónico, diseño, código, enlaces, imágenes y pruebas. Para facilitar la revisión final, hemos combinado las comprobaciones más importantes en una lista de verificación práctica. Puede utilizarla antes de enviar una campaña o convertirla en un paso interno de control de calidad para su equipo.

1. Estructura y código

Asegúrese de que la estructura de su correo electrónico pueda ser entendida por lectores de pantalla y otras tecnologías de asistencia:

  • establecer el atributo lang correcto en <html> y, cuando sea útil, en contenedores clave de contenido, ya que algunos clientes de correo pueden eliminar atributos de la raíz;
  • establecer el DIR en <html> y <body> para que las tecnologías asistivas puedan presentar el texto en el orden correcto de lectura;
  • evite utilizar tablas para el diseño siempre que sea posible. Si es necesaria una tabla de maquetación, añada role="presentación" o role="none" al elemento <table>;
  • utilizar etiquetas de encabezado <h1> a <h6> para mostrar la jerarquía de contenido y ayudar a los usuarios a navegar por el correo;
  • envuelva cada bloque de texto significativo en una etiqueta <p> para crear una estructura de lectura clara;
  • utilizar elementos reales de lista como <ul>, <ol> y <li> en lugar de viñetas o emojis solo visuales;
  • añadir texto alternativo significativo a imágenes informativas y utilizar alt="" vacío para imágenes decorativas;
  • añadir enlaces solo cuando apoyen el recorrido del usuario. No vincular imágenes decorativas;
  • asegúrese de que cada enlace tenga texto claro y discernible. No deje los enlaces vacíos ni se base únicamente en una imagen, a menos que tenga texto alternativo significativo u otra etiqueta accesible. 

2. Contenido y significado

Asegúrese de que el contenido sea fácil de entender y no dependa solo de lo visual:

  • escriba texto alternativo significativo que describa claramente el propósito de la imagen. Mantenga por debajo de 100-120 caracteres;
  • utilizar texto de la CTA que indique a la gente qué ocurrirá a continuación, en lugar de frases vagas como "Haz clic aquí";
  • mantenga las frases cortas, claras y fáciles de seguir;
  • dividir el contenido en secciones con encabezados significativos;
  • proporcionar transcripciones para audio, subtítulos o subtítulos para vídeo, y texto alternativo descriptivo significativo para GIFs;
  • no se fíe solo del color para mostrar el significado. Añada etiquetas de texto, iconos u otras señales.

3. Diseño visual y legibilidad

Asegúrese de que el correo sea cómodo de leer e interactuar:

  • utilizar una relación de contraste de al menos 4,5:1 para texto normal y 3:1 para texto grande;
  • ponga a prueba su paleta con simuladores de daltonismo;
  • evite el parpadeo o contenido que se mueve rápido. Mantenga el parpadeo por debajo de 3 veces por segundo y no utilice más de un elemento animado por pantalla, incluidos los GIFs;
  • evite pasajes largos en cursiva, en mayúsculas o textos subrayados que no sean un enlace;
  • utilizar familias de fuentes accesibles como Arial, Verdana, Tahoma, Trebuchet, Calibri, Open Sans u OpenDyslexic;
  • WCAG no especifica un tamaño mínimo de fuente. Sin embargo, para mejorar la Legibilidad, intente que el tamaño sea de al menos 14px en escritorio y 16px en móvil;
  • utilizar un espacio entre líneas alrededor de 1,5 para el texto principal;
  • utilizar fondos sólidos y de un solo color detrás del texto. Evitar patrones o imágenes detrás del texto;
  • hacer que los botones sean fáciles de notar y lo suficientemente grandes para pulsar cómodamente, idealmente al menos 44 × 44 px;
  • haga que los enlaces sean visualmente distintos sin depender solo del color. El subrayado suele ser la opción más clara;
  • alinear el texto principal según la dirección de lectura del idioma: izquierda para idiomas de izquierda a derecha y derecha para idiomas de derecha a izquierda. Evite el texto central y la justificación completa;
  • considere combinaciones de colores más suaves, como texto gris oscuro sobre fondo blanco roto, ya que pueden resultar más cómodas para algunos lectores que el negro intenso sobre blanco brillante.

Paso 8. Mantener la accesibilidad del correo electrónico a lo largo del tiempo

La accesibilidad no termina tras una auditoría o una prueba exitosa. Las plantillas de correo cambian, evolucionan los estilos de marca, se añaden nuevos módulos y los clientes de correo actualizan sus reglas de renderizado. Esto significa que un correo que funcionó bien ayer puede desarrollar problemas de accesibilidad más adelante.

Para mantener la accesibilidad, indícalo a su flujo de trabajo habitual de correo:

  • revise regularmente las plantillas maestras y los módulos reutilizables;
  • actualizar el texto alternativo, los enlaces y los encabezados cuando cambia el contenido;
  • consultar la accesibilidad tras actualizaciones de diseño, rebranding o rediseños de plantillas;
  • documentar las normas de accesibilidad para todos los implicados en la producción de correos electrónicos;
  • formar a los profesionales del marketing, diseñadores y desarrolladores para que sigan los mismos estándares.

La accesibilidad funciona mejor cuando se convierte en un hábito compartido, no en una solución de última hora. El objetivo es que cada correo electrónico futuro sea más fácil de leer, entender, navegar e interactuar por defecto. 

También te puede gustar

Resumen

La accesibilidad del correo electrónico no es una solución pequeña ni una última casilla antes de enviar. Es un enfoque completo para la producción de correos que afecta al texto, diseño, código, pruebas y las herramientas que su equipo utiliza cada día.

Cuando los correos electrónicos son accesibles, más suscriptores pueden leer su mensaje, entender su oferta, seguir la estructura, hacer clic en el enlace correcto y completar la acción prevista. Esto mejora la experiencia para las personas con discapacidad y también hace que sus correos sean más claros y fáciles de utilizar para todos.

La accesibilidad también es un proceso continuo. Los estándares cambian, los clientes de correo electrónico se comportan de forma diferente y pequeñas actualizaciones de diseño o contenido pueden crear nuevos problemas. Por eso el objetivo no es crear un solo correo perfecto una vez. El objetivo es incorporar la accesibilidad en su flujo de trabajo, para que cada campaña sea más fácil de leer, más fácil de utilizar y más inclusiva por defecto.

A continuación, algunas preguntas comunes que los equipos de correo electrónico suelen hacer cuando empiezan a trabajar con estándares de accesibilidad y flujos de trabajo de prueba.

Preguntas frecuentes

1. ¿La accesibilidad del correo electrónico afecta a la entregabilidad?

Sí, pero en su mayoría de forma indirecta. La accesibilidad no es un factor de entrega independiente, pero muchas buenas prácticas de accesibilidad al correo electrónico se solapan con buenos estándares de calidad del correo.

El texto alternativo descriptivo y la estructura clara ayudan tanto a los suscriptores como a los sistemas automatizados a entender su correo. También reducen problemas comunes como diseños solo de imágenes, renderizados rotos o código sospechoso.

La accesibilidad también puede mejorar la interacción. Cuando más personas puedan leer e interactuar con sus correos, esto puede fortalecer la reputación del remitente con el tiempo.

En resumen: los correos electrónicos accesibles no garantizan la ubicación en la bandeja de entrada, pero pueden apoyar la entrega al hacer que los correos sean más limpios, fáciles de procesar y más útiles para los suscriptores. 

También te puede gustar

2. ¿Cómo puedo probar la accesibilidad del correo electrónico sin un lector de pantalla?

Una prueba de lector de pantalla sigue siendo muy recomendada porque muestra cómo los suscriptores reales pueden experimentar su correo electrónico. Los lectores de pantalla integrados están disponibles en la mayoría de dispositivos, como VoiceOver en dispositivos Apple, Narrador en Windows y TalkBack en Android.

Sin embargo, si no puede realizar una prueba con lector de pantalla en esta fase, utilice herramientas de prueba de accesibilidad para comprobar si su correo electrónico está técnicamente preparado para lectores de pantalla. Estas herramientas pueden ayudar a detectar problemas en la estructura del código, texto alternativo faltante o poco claro, enlaces no descriptivos, atributos de idioma ausentes, estructura incorrecta de encabezados y otros problemas que puedan afectar la lectura de las tecnologías de asistencia a su correo.

También puede realizar una comprobación de accesibilidad en Stripo antes de enviar. Revisa tanto problemas técnicos como visuales de accesibilidad, incluyendo la estructura del código, texto alternativo, texto de enlace, ajustes de idioma, contraste de color y más.

El mejor enfoque es combinar pruebas automatizadas, una lista manual de accesibilidad y, cuando sea posible, una prueba con lector de pantalla. Las herramientas automatizadas pueden detectar muchos problemas, pero no pueden sustituir completamente la experiencia real de lectura.  

También te puede gustar

3. ¿Qué nivel de WCAG debe cumplir mi correo electrónico?

Su correo electrónico debe buscar cumplir con WCAG 2.2 Nivel AA, ya que el Nivel AA es el criterio más utilizado para la accesibilidad digital y de correo electrónico y el nivel que más a menudo se menciona en las leyes, normas y políticas de accesibilidad.

Define tres niveles de conformidad: A, AA y AAA. El Nivel A cubre los requisitos mínimos de accesibilidad, mientras que el Nivel AA es el objetivo práctico para la mayoría de los equipos porque cubre un rango más amplio de necesidades de los usuarios y es realista para la producción diaria de correos electrónicos.

El nivel AAA es un objetivo avanzado de accesibilidad. Vale la pena esforzarse por ello siempre que sea posible, especialmente para elementos específicos, pero normalmente no se espera que sea el requisito estándar para cada correo electrónico.

El Verificador de Accesibilidad de Stripo está diseñado para ayudar a los equipos a comprobar si sus correos electrónicos cumplen con los estándares de accesibilidad basados en WCAG 2.2 Nivel AA y a seguir directrices de accesibilidad más estrictas  antes de enviar.

4. ¿Necesito correos electrónicos accesibles si solo los envío a empleados internos?

Sí. Los correos internos también deberían ser accesibles. Aunque los riesgos legales puedan diferir de los de campañas externas de marketing, la accesibilidad sigue siendo importante para la experiencia de los empleados, la inclusión y el acceso igualitario a información importante:

  • según la Organización Mundial de la Salud, aproximadamente 1 de cada 6 personas en todo el mundo experimenta una discapacidad significativa. En un entorno de trabajo digital, esto significa que algunos empleados pueden tener una discapacidad que afecta la forma en que leen, entienden o interactúan con los correos electrónicos;
  • algunas discapacidades también son invisibles o diagnosticadas más tarde en la vida, incluyendo daltonismo, dislexia o ciertas condiciones cognitivas y visuales. Otras pueden ser temporales, como fatiga ocular, una lesión o recuperación tras una cirugía.

Por eso los correos internos deben seguir los mismos principios de accesibilidad que los correos externos: estructura clara, diseño legible, enlaces descriptivos, texto alternativo significativo y contenido que funcione bien con tecnologías de asistencia. La comunicación interna accesible ayuda a que todos reciban la misma información sin esfuerzo extra.  

También te puede gustar

5. ¿El correo electrónico en texto plano cuenta como accesible?

No realmente. Los correos en texto plano evitan algunos problemas comunes de accesibilidad que se encuentran en los correos HTML, como estructuras de maquetación defectuosas, problemas relacionados con imágenes como la ausencia de texto alternativo o elementos mal codificados.

Sin embargo, el texto plano tiene sus propias limitaciones:

  • los remitentes tienen poco o ningún control sobre el estilo visual, como el tamaño de la fuente, la familia de fuentes, el color del texto, el color de fondo o el espacio entre líneas. Estos ajustes suelen depender del cliente de correo electrónico del destinatario, del dispositivo, de la aplicación y de las preferencias de accesibilidad. Y para personas con discapacidades cognitivas, un bloque largo de texto sin formato puede ser más difícil de procesar que un correo HTML bien estructurado;
  • no puede añadir encabezados, botones o secciones estilizadas reales, de los que algunos destinatarios confían para escanear contenido rápidamente. Los enlaces suelen aparecer como URLs en crudo en lugar de texto ancla descriptivo, lo que puede resultar confuso para los usuarios de lectores de pantalla.
Revise sus correos electrónicos para ver la accesibilidad en un solo lugar con Stripo
¿Le resultó útil este artículo?
Tell us your thoughts
¡Gracias por sus comentarios!
0 comentarios
Editor Stripo
Simplifique el proceso de producción de correos electrónicos.
Plugin de Stripo
Integre el editor Stripo drag-n-drop a su aplicación web.
Pide una plantilla personalizada
Nuestro equipo puede diseñarlo y programarlo para usted. Simplemente rellene el formulario y nos pondremos en contacto con usted en breve.

Editor Stripo

Para equipos de marketing por correo electrónico y creadores de correo electrónico en solitario.

Plugin de Stripo

Para productos que podrían beneficiarse de un creador de correo electrónico de marca blanca integrado.