Quien no puede ver una imagen no necesita simplemente un pie de foto. Necesita la parte del mensaje que desaparecería sin esa imagen: una oferta, un estado, una fecha, una acción o, a veces, nada porque la imagen solo era decoración.

Un buen texto alt para email es un reemplazo breve de la información o acción que lleva una imagen. No es el nombre del archivo, una lista de colores ni una frase copiada del párrafo que está justo al lado.

EasyAImail Email HTML Preflight listo para revisar un email HTML

Abre EasyAImail Email HTML Preflight para detectar atributos alt ausentes junto con otros riesgos del HTML antes de enviar.

Empieza por lo que perdería quien lee

Antes de escribir alt, imagina que la imagen está cubierta y vuelve a leer el correo. ¿Qué dato útil ya no está?

  • Si la imagen contiene el único precio, fecha, detalle de producto o estado, la alternativa debe comunicar ese hecho.
  • Si la imagen es el control que lleva a otra página, la alternativa debe nombrar el destino o la acción.
  • Si solo repite texto cercano o aporta textura visual, puede que no necesite texto leído en voz alta.

Esa regla es mejor que "cada imagen necesita una descripción". El mismo logo puede ser importante en un correo transaccional corto y redundante si el encabezado ya nombra claramente a quien envía.

Las imágenes decorativas deben guardar silencio

Un divisor, adorno, textura de fondo o icono repetido puede interrumpir la lectura con tecnología asistiva si se anuncia sin razón. Para una imagen puramente decorativa, usa un alt vacío:

<img src="https://example.com/divider.png" alt="" width="600" height="18">

Vacío no significa olvidado. Es una decisión deliberada: la persona no pierde contenido si esa imagen se omite. No uses alt="imagen decorativa" ni el nombre del recurso; ambos añaden ruido sin aportar sentido.

Las imágenes informativas deben dar el dato útil

Supón que una tarjeta de actualización de pedido dice "Nueva fecha de entrega: 18 de marzo". Lo que hace falta es la fecha, no una descripción del fondo azul o de la ilustración.

Mejor:

<img src="https://example.com/delivery-update.png"
     alt="Nueva fecha de entrega: 18 de marzo">

Más débil:

<img src="https://example.com/delivery-update.png"
     alt="Imagen de una tarjeta de actualización de entrega">

Siempre que sea posible, deja también los datos críticos en texto real cercano. El alt es una vía importante, pero no debería ser el único lugar donde existe una instrucción urgente.

Las imágenes enlazadas deben nombrar el destino o la acción

Cuando una imagen es un enlace, pregunta: "¿Qué ocurrirá si la activo?" Si un botón gráfico abre una propuesta, su alt puede decir Revisar la propuesta actualizada, no botón, haz clic aquí ni gráfico de propuesta.

<a href="https://example.com/proposal">
  <img src="https://example.com/review-button.png" alt="Revisar la propuesta actualizada">
</a>

El texto específico ayuda también fuera de las tecnologías asistivas. Una persona con prisa puede entender el siguiente paso si la imagen carga lento, el estilo se simplifica o el botón pierde contraste.

Evita repetir el texto que ya está junto a la imagen

Una imagen no necesita ser una segunda voz del mismo párrafo. Si el correo ya dice "Tu consulta queda confirmada para el martes a las 2 PM" y un gráfico de calendario repite el dato, ese gráfico suele poder tratarse como decorativo.

No hay una longitud fija correcta. Una frase corta que llena una ausencia real es mejor que una explicación larga que hace que el correo diga dos veces lo mismo. Para el contexto completo de enlaces, variables y contraste, consulta Lista de accesibilidad para emails HTML: alt, contraste, enlaces y variables.

Usa el hallazgo del comprobador como pregunta, no como respuesta final

En el informe visible de accesibilidad, la falta de alt en una imagen aparece como bloqueo de envío. Es una buena señal para decidir por qué está ahí la imagen; no demuestra que toda imagen sin alt necesite una descripción larga.

Atributo alt ausente y hallazgos relacionados de accesibilidad en EasyAImail Email HTML Preflight

EasyAImail Email HTML Preflight puede mostrar problemas estáticos en el HTML, como un atributo alt ausente, contraste débil, texto de enlace, variables sin resolver y riesgos de compatibilidad. No puede decidir si una foto de producto, logo o ilustración tiene significado en tu mensaje concreto. Esa decisión necesita una persona que lea el correo como lo haría quien lo recibe.

Una imagen puede fallar de más de una forma

Puede no cargar. La persona puede no verla. El cliente puede cambiar los colores alrededor. Una pantalla pequeña puede volverla menos útil. Por eso un buen alt forma parte de un plan más resistente: hechos clave en texto real, enlaces específicos y una estructura que no dependa de un solo tratamiento visual.

Cómo probar un email en modo oscuro antes de enviarlo es una lectura relacionada cuando la visibilidad de imágenes y los cambios de color afectan al mismo correo.

Revisa el alt al final, no solo al construir

Un email puede cambiar después del primer diseño. Una imagen puede convertirse en enlace, una fecha de promoción puede pasar al gráfico o un icono antes decorativo puede convertirse en la única señal de estado. Revisa el alt cuando ocurran esos cambios.

Si estás creando el mensaje desde una idea, la aplicación web de EasyAImail puede ayudarte a convertir destinatario, objetivo y hechos en un email HTML completo: la IA recomienda plantillas, tú eliges una, completas información y revisas. Si ya revisas un borrador en Gmail u Outlook, el complemento de navegador EasyAImail ofrece una ruta de revisión iniciada por el usuario. En ambos casos, el alt sigue siendo una decisión final de quien envía.

Preguntas frecuentes

¿Toda imagen de email necesita texto alt?

Toda imagen con significado necesita una alternativa útil. Una imagen puramente decorativa normalmente usa alt="" para no añadir narración irrelevante.

¿Qué longitud debe tener el texto alt de un email?

Debe tener las palabras necesarias para conservar el dato o la acción que la persona perdería. No añadas detalles visuales que no cambien el sentido del correo.

¿Una imagen enlazada puede decir "haz clic aquí"?

No es recomendable. Indica qué hace el enlace o adónde lleva, por ejemplo Ver la factura actualizada o Revisar la propuesta actualizada.

¿Un atributo alt ausente siempre se arregla añadiendo una descripción?

No. Primero decide si la imagen es informativa, enlazada o decorativa. Para una imagen que no lleva contenido, un alt vacío suele ser la solución correcta.

Escribe solo lo que la imagen necesita decir

Deja que el texto alt aporte la frase que la persona perdería sin la imagen. Mantén en silencio la decoración, deja los hechos importantes también en texto real y revisa el HTML final antes de que la imagen hable por ti.