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:
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:
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.
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.
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".
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
¿Tienes curiosidad por suscribirte? Revisa nuestros planes.