Support Centre

Escriba texto alternativo útil (alt) para contenido que no sea de texto

Renée Meloche
Renée Meloche
  • Actualización

El texto alternativo (alt) es  texto descriptivo  adjunto a elementos visuales, como íconos, imágenes y fotos. Texto alternativo representado por herramientas de accesibilidad de documentos web y PDF, como  lectores de pantalla  que no pueden "leer" elementos visuales como leen texto.

¿Por qué es importante el texto alternativo?

Los lectores de pantalla (y otras tecnologías de asistencia)  leen  el texto alternativo como una alternativa a la experiencia visual. El texto alternativo permite a estos y otros usuarios comprender el contexto y el contenido de los elementos visuales.

Se requiere  texto alternativo accesible según las  Pautas de accesibilidad de contenido web  (WCAG), a las que se refieren muchas leyes como la Sección 508 (Estados Unidos) y AODA (Canadá).

¿Cuándo debo agregar texto alternativo o marcar elementos visuales como decorativos?

Ciertos elementos visuales en su diseño son  decorativos  y no necesitan ser descritos para los lectores de pantalla.

¿Tiene problemas para determinar qué es un  elemento decorativo  y qué  requiere texto alternativo  ? Consulte el cuadro de comparación a continuación:

Elementos decorativos

Elementos que requieren texto alternativo

Agregar interés visual

Requerir o aceptar la entrada del usuario (como un botón de "descargar"

Crea un efecto estético.

Presentar datos, como una tabla o gráfico

El único propósito es llenar el espacio en blanco

Representar un entorno, ubicación, emoción o concepto relacionado con otro contenido que se presenta

No son cruciales para comprender la información presentada.

Cumplen un propósito en el contexto del contenido cerca del cual aparecen

Representar un elemento de formato, como formas abstractas o líneas estilizadas que separan dos secciones de texto

Explique o aclare el texto cercano relacionado con elementos visuales u otros elementos que no sean de texto

 

¿Qué texto alternativo debo agregar a las imágenes decorativas?

Para imágenes decorativas, use el texto alternativo "Imagen decorativa" o "Elemento decorativo" para etiquetar la imagen; no hay necesidad de describir los detalles. Un lector de pantalla saltará los elementos marcados como "decorativos".

¿Cómo escribo un texto alternativo preciso y útil?

La forma más fácil de escribir texto alternativo útil es  imaginar que estás describiendo una imagen para alguien que no puede verla  . ¿Qué necesitan saber sobre lo visual? ¿Qué contexto es relevante y qué es demasiado?

El texto alternativo debe brindar detalles sobre el contenido que no es texto, es decir:

  • funcional

  • informativo

  • contextual

  • enfocado

Determine si la imagen está destinada a transmitir  información específica  o si está destinada a  evocar un sentimiento o emoción .

¿Qué es el 'contenido no textual'?

El contenido específico podría ser algo como:

  • una imagen de un producto que está disponible para comprar

  • logotipo de una empresa en un informe

  • un video de una pareja en una pagina de viajes

Al describir el contenido, considere cuál debe ser el  enfoque  de la descripción.

Considere esta imagen:

Un cuenco de salsa de yogur con trozos de eneldo fresco, especias y aceite visibles en la superficie.  Junto al cuenco hay un pequeño trozo de pan integral tostado, partido por la mitad.

Puede describir esta imagen de muchas maneras diferentes, según su  propósito en el contexto en el que aparece  .

  • En una página web con una receta para este plato, identifique el plato por su nombre y describa sus componentes y cómo aparece (p. ej., "Un tazón de salsa de yogur batido rociado con aceite de oliva y espolvoreado con ramitas de eneldo y especias aparece en un fondo gris claro mesa al lado de un trozo de pan integral y crujiente").

  • En un anuncio de vajilla, donde el tazón es un producto a la venta (p. ej., "Un tazón de barro moderno, de aproximadamente 6" de ancho, con un acabado gris moteado, se coloca sobre una mesa. El tazón contiene un dip de yogur y aparece junto a una pieza de pan.")

  • En un sitio web de una empresa de productos lácteos (p. ej., "Aparece en una mesa junto a una rebanada de pan integral un tazón de salsa hecho con yogur lácteo orgánico fresco de origen local").

 

¿Debo incluir texto en el texto alternativo que describa el contenido que no es de texto?

Una imagen, video u otro elemento de contenido que no sea de texto puede incluir texto u otros caracteres que quizás deba describir en texto alternativo.

Considere esta imagen:

Un niño pequeño con una sudadera con capucha y dos pequeñas orejas de oso en la capucha está de pie, tratando de abrir la caja del juego de mesa que sostiene.  Un adulto se arrodilla detrás de él, ayudándolo a sostenerlo.

En este GIF animado, un niño pequeño está parado frente a un adulto. El niño pequeño está sosteniendo  una caja con algo escrito  . Puede describir esta imagen de varias maneras diferentes, según el contexto en el que aparezca:

  • En un sitio web con un artículo sobre la crianza de los hijos  (p. ej., "Un niño de 2 años se para frente a su madre, viste una camiseta blanca, jeans y una sudadera con cremallera. La capucha está levantada y dos orejas pequeñas en la capucha hace que parezca que el niño parece un oso de peluche. Su madre se arrodilla detrás de él, ayudándolo a pararse y sostener una caja de juego de mesa").

  • En un sitio web que anuncia juguetes y juegos de mesa para niños  (p. ej., "Un niño pequeño sostiene el juego de fiesta 'Twister' en una caja. Su madre, que se arrodilla detrás de él, ayuda al niño a pararse y sostener la caja").

  • En un sitio web que anuncia ropa para niños  (p. ej., "Un niño de dos años usa una de nuestras sudaderas con capucha Teddy Bear de color marrón, con dos orejas de oso en la capucha. Su madre se arrodilla detrás de él, ayudando al niño a pararse y sostenga una caja").

Dependiendo de qué información es importante que comprenda el lector, el texto alternativo puede cambiar el enfoque para resaltar o minimizar detalles, incluidos los caracteres visibles como texto o números que aparecen en el contenido que no es de texto.

 

¿Cómo escribo texto alternativo para imágenes de texto puro?

Siempre es  mejor usar texto que imágenes de texto  cuando desea incluir información importante en un documento o diseño.

Si está utilizando una  imagen de texto  , simplemente  escriba en el texto alternativo  el texto tal como aparece en el elemento visual.

Un gráfico informativo con el texto transcrito en el párrafo anterior.

La imagen de arriba, que muestra un bloque de texto "informativo", debe describirse con texto alternativo que  refleje exactamente lo que está escrito en el texto de la imagen  :

"¿Escribir texto alternativo? Asegúrese de que las imágenes de texto se transcriban exactamente como aparecen. No es necesario incluir "Una imagen de texto que lee..."; un lector de pantalla identificará automáticamente el elemento como una imagen".

 

¿Cómo incluyo datos complejos en el texto alternativo?

Algunos elementos visuales de su diseño pueden incluir  datos complejos o una gran cantidad de datos  ; elementos como gráficos, tablas, cuadros o mapas.

Tome el siguiente diagrama de flujo, por ejemplo. En el contexto de este artículo, este gráfico pretende presentar un ejemplo de una imagen compleja. No es necesario que el texto alternativo describa todo el contenido de la imagen.

Infografía de diagrama de flujo en caso de alquilar o comprar

El texto alternativo breve  brinda una descripción simple de un elemento visual que muestra información compleja.

Utilice texto alternativo corto cuando desee que el lector entienda  qué  contenido hay en un elemento visual, pero los detalles finos no son necesarios.

En este caso, el texto alternativo  corto  para la imagen de arriba podría decir:

"Un diagrama de flujo titulado '¿Debería alquilar o comprar?'"

Sin embargo, en un  artículo sobre los pros y los contras de alquilar y comprar  , la descripción detallada del contenido de la imagen es crucial para que el lector comprenda el contenido.

El texto alternativo largo  para esta imagen debe proporcionar  todos los detalles  necesarios para que un lector con discapacidad visual comprenda la información que la imagen está tratando de comunicar.

El texto alternativo largo para esta imagen podría verse así:

"Diagrama de flujo titulado '¿Debe alquilar o comprar?' El recuadro de inicio contiene la pregunta '¿Planea quedarse por más de 5 años?', con dos recuadros posteriores: '¿Tiene una posición financieramente estable?' y '¿Puede su presupuesto manejar la hipoteca, los impuestos, el mantenimiento y otros costos?' Las posibles respuestas a todas las preguntas son 'sí' o 'no'; todos los flujos terminan en un cuadro marcado como 'Alquiler' o 'Comprar'. Flujos que terminan en 'Alquiler': 1. ¿Planea quedarse por más de 5 años? ? Sí; ¿Se encuentra en una posición financieramente estable? No. 2. ¿Planea quedarse por más de 5 años? No. ¿Su presupuesto puede manejar la hipoteca, etc.? No. 3. ¿Piensa quedarse por más de 5 años? años? Sí; ¿Se encuentra en una posición financieramente estable? Sí; ¿Puede su presupuesto manejar la hipoteca, etc.? No. Flujos que terminan en 'Comprar': 1. ¿Está planeando quedarse por más de 5 años? Sí; ¿Está usted en una posición financieramente estable? Sí; ¿Puede su presupuesto manejar la hipoteca, etc.? Sí. 2. ¿Piensa quedarse más de 5 años? No; ¿Puede su presupuesto manejar la hipoteca, etc.? Sí."

 

¿Cómo puedo resumir datos en un gráfico o infografía?

Las descripciones largas de texto alternativo pueden volverse, a falta de una palabra mejor,  largas  .

Trate de mantener la información lo más simple y sucinta posible, tanto como pueda.

En el siguiente gráfico de barras, que compara la frecuencia con la que los especialistas en marketing crean visualizaciones de datos, la descripción larga del texto alternativo debe incluir los datos y el contexto significativo relacionado con lo que representa el gráfico.

La descripción larga del texto alternativo podría leerse así:

"Un gráfico de barras titulado 'Los especialistas en marketing crean visualizaciones de datos regularmente'. La mayoría (48 % de) los especialistas en marketing crean visualizaciones de datos cada semana. El siguiente es el 37 % de los especialistas en marketing, que crean todos los meses. El segundo más bajo es el 10 % de los especialistas en marketing que crean cada pocos meses; y solo el 5% de los especialistas en marketing crean una o dos veces al año".

Un gráfico de barras titulado 'Los especialistas en marketing crean visualizaciones de datos regularmente', con los datos descritos en el párrafo anterior.

 

Consejos rápidos para escribir texto alternativo significativo

  • Sea breve y use un lenguaje sencillo

  • Usar  voz activa

  • No  incluya palabras como "imagen de...", "foto de..." o "icono de...". Los lectores de pantalla anuncian la presencia de imágenes, por lo que estas descripciones serían redundantes (excepto en los casos en que el medio sea crítico para el contexto de lo visual)

  • Evite las abreviaturas

  • Utilice siempre un  punto  (signo de puntuación) al final del texto alternativo

 

 

VENNGAGE LOGO

¿Tienes curiosidad por suscribirte? Revisa nuestros planes.

 

¡Empieza a diseñar!

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 3 de 6

¿Tiene más preguntas? Enviar una solicitud