¿Cómo aplicas la etiqueta alt en email?

Inicio » ¿Cómo aplicas la etiqueta alt en email?

Correo electrónico temporal

Los correos electrónicos enviados por la USF deben cumplir las normas de accesibilidad de la web. Esto significa que las imágenes deben tener un texto alternativo, y los hipervínculos deben ser lo suficientemente descriptivos como para ser independientes, o incluir un «texto de etiqueta aria» que proporcione una descripción más detallada. El texto de la etiqueta aria es un texto que el lector de pantalla lee en lugar del texto mostrado en la pantalla (véase el ejemplo 2).

La imagen principal, a todos los efectos, refleja exactamente lo que está escrito debajo de ella: «Baloncesto femenino contra Pacific». Por lo tanto, el texto alternativo que describe la imagen no es necesario. Sin embargo, dado que la imagen es también un enlace en el que se puede hacer clic, es necesario un texto alternativo que describa a dónde conduce el enlace. Un texto alternativo adecuado podría ser: «Página de registro del partido de baloncesto femenino USF vs. Pacific».

Además, el enlace «Comprar entradas» que aparece debajo del subtítulo no es lo suficientemente descriptivo. No transmite ningún contexto sobre dónde lleva el enlace y qué se está comprando. Una solución es crear un texto aria-label que diga: «Comprar entradas para el baloncesto femenino USF vs. Pacific».

Generador de correo electrónico Alt

Cuando se trata de diseñar una campaña de correo electrónico, muchos profesionales del marketing están divididos en cuanto a si las imágenes afectan o no al rendimiento. Siempre hay campañas que requieren elementos visuales para ayudar a respaldar el mensaje, por lo que incluso si usted es un converso al estilo de Outlook, una plantilla minimalista, a veces una imagen pinta más que mil palabras. Las imágenes funcionan para transmitir información importante destinada a aumentar el compromiso del cliente. Sin embargo, la realidad es que los diseñadores no siempre pueden contar con que las imágenes se carguen.

El mundo del marketing por correo electrónico tiene una práctica recomendada comúnmente aceptada: la inclusión de «etiquetas ALT» o «texto ALT» que se utiliza para las imágenes. Esta abreviatura de «texto alternativo» se ha convertido en un estándar común para los profesionales del marketing por correo electrónico, y hay varias razones para ello, así que vamos a explorarlas en detalle.

La primera razón por la que se utilizan los textos ALT es que muchos destinatarios de correo electrónico bloquean las imágenes por defecto. Por lo general, un correo electrónico mostrará el texto ALT en lugar de mostrar una imagen. ¿Los textos ALT son malos? No. Son beneficiosos cuando el diseño de un correo electrónico tiene muchas imágenes, así que incluso si la imagen no se muestra, la etiqueta ALT puede ayudar a comunicar el mensaje.

Correo electrónico falso

Los diseñadores de correo electrónico confían en las imágenes para algo más que para añadir adornos a una campaña. Las imágenes a menudo transmiten información vital y, lo que es más importante, atraen a los lectores a participar en un correo electrónico. Por desgracia, los diseñadores no pueden contar con que las imágenes se carguen siempre. Muchos clientes de correo electrónico (y usuarios) desactivan las imágenes por defecto, las malas conexiones pueden impedir que se carguen y los usuarios con problemas de visión pueden perder información importante contenida en las imágenes. ¿Cómo pueden los diseñadores de correo electrónico superar este importante problema?

La buena noticia es que HTML ofrece una solución fiable en forma de atributos alt. A veces llamados «etiquetas ALT» o «texto ALT», proporcionan información sobre el contenido de las imágenes en forma de texto cuando las imágenes están desactivadas o no pueden cargarse correctamente. Afortunadamente, son fáciles de configurar e incluso de estilizar para que encajen en el diseño de tu correo electrónico.

Aunque debería incluir las dimensiones de sus imágenes como mejor práctica, declarar explícitamente la anchura y la altura de su imagen proporciona a su texto ALT un contenedor en el que vivir cuando las imágenes están deshabilitadas. En ausencia de dimensiones explícitas, algunos clientes de correo electrónico colapsarán esa área y el texto ALT con ella.

Ejemplos de texto alternativo en el correo electrónico

Puede que no te des cuenta, pero la etiqueta Alt es una parte muy importante de cualquier mensaje de marketing por correo electrónico. No utilizar las etiquetas Alt, o no utilizarlas eficazmente, podría tener un impacto negativo en sus tasas de apertura – y en última instancia en sus beneficios.

Para entender por qué las etiquetas Alt son tan vitales, es importante entender un poco sobre los clientes de correo electrónico modernos. Muchos clientes de correo electrónico bloquean habitualmente las imágenes como medida de seguridad para proteger a sus usuarios del spam, los virus y el malware. Este bloqueo puede afectar a la apariencia de sus mensajes para el lector, y eso puede tener un impacto significativo en su tasa de respuesta.

Añadir etiquetas Alt a tus imágenes te ayuda a sortear esta limitación mostrando un texto alternativo en lugar de esas imágenes suprimidas. Añadir una etiqueta alt breve y convincente a cada una de tus imágenes es una de las mejores formas de captar la atención -y el negocio- de tus lectores.

Como su nombre indica, el atributo Alt especifica el texto alternativo que debe mostrarse en caso de que la imagen no pueda mostrarse al lector. El propósito de la etiqueta Alt es describir la imagen a aquellos que no pueden ver la imagen real. A diferencia del atributo title, el propósito del atributo Alt es proporcionar una descripción para cada imagen incrustada dentro del mensaje.

Scroll al inicio
Ir arriba