Texto alternativo para imágenes

El texto alternativo comunica la información o la función de una imagen mediante palabras. Un lector de pantalla puede presentar ese texto como voz o en braille. La forma de redactarlo depende del propósito de la imagen en la página. Elige una imagen e identifica qué aporta.

Empieza por decidir si una imagen transmite información importante, cumple una función o sirve solo como decoración. Para las imágenes informativas, escribe una descripción breve que comunique la información esencial. El contexto determina qué detalles importan: WAI explica que el aspecto exacto de un ave puede importar más en un sitio web sobre aves que en uno sobre parques. Tutorial de imágenes

Para las imágenes funcionales que se usan como enlaces o botones, describe el destino o la acción. En un ejemplo hipotético, el icono de un documento es el único contenido de un enlace a un manual del empleado en PDF, un formato de archivo de documentos. «Manual del empleado (PDF)» identifica el destino con más claridad que «Icono de documento PDF», que describe su aspecto.

Para una imagen cuyo único propósito es decorar, proporciona una alternativa textual vacía. En el código de la página, el atributo alt contiene el texto alternativo de una imagen; alt="" le asigna un valor vacío. En un blog de viajes hipotético, una foto de una puesta de sol que se usa solo como decoración recibiría este valor vacío. Un pie de foto por sí solo no determina que una imagen sea decorativa: primero debes decidir si la imagen aporta información importante para entender la página.

Una descripción breve no basta para todas las imágenes. Para imágenes complejas, como gráficos y diagramas, proporciona un equivalente textual completo de los datos o de la información detallada. WAI también aconseja evitar el texto legible dentro de las imágenes, salvo que la imagen sea un logotipo; cuando se usan imágenes de texto, sus alternativas textuales deben contener las mismas palabras. Estas decisiones dependen de que quien crea el contenido entienda el uso, el contexto y el contenido de la imagen. El tutorial ofrece orientación para la implementación, no pruebas experimentales ni una garantía de cumplimiento legal. Tutorial de imágenes

• Orientación oficial: WAI distingue entre imágenes informativas, decorativas y funcionales. Sus alternativas textuales, respectivamente, transmiten información esencial, usan un valor vacío cuando la imagen solo decora o describen la función del enlace o botón [1]
• Orientación oficial: Las imágenes complejas necesitan un equivalente textual completo de sus datos o de su información detallada. El tutorial no impone un límite universal de una sola oración para las alternativas textuales [1]
• Alcance de la orientación: El tutorial combina recursos sobre Contenido no textual de nivel A, Imágenes de texto de nivel AA e Imágenes de texto (sin excepción) de nivel AAA. Son distintos niveles de conformidad con las WCAG; la descripción general no reproduce todas las condiciones y excepciones de cada criterio [1]

La fuente proporcionada ofrece orientación oficial para la implementación, no un experimento que mida efectos en la navegación, la comprensión o el comportamiento. No demuestra beneficios universales ni garantiza el cumplimiento legal. Sus resúmenes de categorías no deben interpretarse como los requisitos completos de las WCAG, las Pautas de Accesibilidad para el Contenido Web.

La antigua cita «Henry et al. (2014)» y el supuesto hallazgo sobre navegación que se le atribuía no están verificados por la evidencia proporcionada y se han eliminado. El Tutorial de imágenes de WAI sustituye esa atribución como fuente de orientación. También se ha eliminado la fecha de 2024 que antes se asignaba al tutorial; la bibliografía proporcionada registra su año como desconocido. Los ejemplos del manual y de la puesta de sol son aplicaciones hipotéticas de la orientación.