G94Proporcionar una alternativa textual corta para el contenido no textual que cumpla el mismo propósito y presente la misma información que el contenido no textual

Aplicabilidad

Se aplica a todas las tecnologías.

Descripción

El objetivo de esta técnica es crear una alternativa textual que cumpla el mismo propósito y presente la misma información que el contenido no textual original. De este modo, sería posible eliminar el contenido no textual y sustituirlo por la alternativa textual sin perder ninguna funcionalidad ni información. Esta alternativa textual no tiene por qué describir necesariamente el contenido no textual. Debe cumplir el mismo propósito y transmitir la misma información. En ocasiones esto puede dar lugar a una alternativa textual que parece una descripción del contenido no textual. Pero eso solo sería así si esa fuera la mejor forma de cumplir el mismo propósito.

Si es posible, la alternativa textual corta debería transmitir por completo el propósito y la información. Si no es posible hacerlo en una frase u oración breve, la alternativa textual corta debería ofrecer una visión general resumida de la información. Se utilizaría además una alternativa textual larga para transmitir la información completa.

La alternativa textual debería poder sustituir al contenido no textual. Si el contenido no textual se eliminara de la página y se sustituyera por el texto, la página seguiría ofreciendo la misma función y la misma información. La alternativa textual sería breve, pero tan informativa como fuera posible.

Para decidir qué texto incluir en la alternativa, suele ser buena idea plantearse las siguientes preguntas:

• ¿Por qué está aquí este contenido no textual?
• ¿Qué información presenta?
• ¿Qué propósito cumple?
• Si no pudiera utilizar el contenido no textual, ¿qué palabras usaría para transmitir la misma función o la misma información?

Cuando el contenido no textual contiene palabras que son importantes para comprender el contenido, el texto alternativo debería incluir esas palabras. Si el texto de la imagen es más extenso de lo que cabe en una alternativa textual corta, debería describirse en la alternativa textual corta y proporcionarse además una alternativa textual larga con el texto completo.

Ejemplos

• Un botón de búsqueda utiliza la imagen de una lupa. La alternativa textual es «buscar», y no «lupa».
• Una imagen muestra cómo se hace un nudo, con flechas que indican por dónde van las cuerdas para formarlo. La alternativa textual describe cómo hacer el nudo, no el aspecto de la imagen.
• Una imagen muestra el aspecto de un juguete visto de frente. La alternativa textual describe la vista frontal del juguete.
• Una animación muestra cómo cambiar una rueda. Una alternativa textual corta describe de qué trata la animación. Una alternativa textual larga describe cómo cambiar la rueda.
• El logotipo de la empresa TechTron aparece junto a cada producto fabricado por ella en una lista, y tiene una alternativa textual corta que dice «TechTron».
• Un gráfico que muestra las ventas de octubre tiene como alternativa textual corta "October sales chart" («Gráfico de ventas de octubre»). También tiene una descripción larga que proporciona toda la información del gráfico.
• Un encabezado contiene una imagen con las palabras "The History of War" («La historia de la guerra») en texto estilizado. El texto alternativo de la imagen es "The History of War".
• Una imagen de una serie de libros en una estantería contiene áreas interactivas que sirven de medio de navegación hacia una página web sobre cada libro concreto. La alternativa textual "The books available to buy in this section. Select a book for more details about that book." («Los libros disponibles para comprar en esta sección. Seleccione un libro para obtener más detalles sobre él») describe la imagen y su carácter interactivo.

Pruebas

Técnicas relacionadas

• G92: Proporcionar una descripción larga para el contenido no textual que cumpla el mismo propósito y presente la misma información
• G95: Proporcionar alternativas textuales cortas que ofrezcan una descripción breve del contenido no textual
• G196: Usar una alternativa textual en un elemento de un grupo de imágenes que describa todos los elementos del grupo
• H2: Combinar en un solo enlace la imagen y el texto adyacentes que llevan al mismo recurso
• H24: Proporcionar alternativas textuales para los elementos area de los mapas de imagen
• H36: Usar atributos alt en las imágenes empleadas como botones de envío
• H37: Usar atributos alt en los elementos img
• H53: Usar el cuerpo del elemento object
• H86: Proporcionar alternativas textuales para emojis, emoticonos, arte ASCII y leetspeak