Cómo escribir textos alternativos: reglas, ejemplos y ayuda de la IA

El texto alternativo ausente pertenece a las infracciones que cualquier herramienta de prueba encuentra en segundos. Justo por eso encabeza los informes de auditoría automáticos: en los escaneos de la autoridad alemana de vigilancia igual que en los informes adjuntos a los escritos de abogados. La buena noticia: casi ninguna infracción se corrige tan rápido, y las reglas de un buen texto alternativo caben en una ficha. Esta guía las presenta con ejemplos concretos buenos y malos, explica el test del contexto, el que suspende la mayoría de los textos alternativos, y responde con honestidad dónde ayuda la IA y dónde falla. El primer borrador para una imagen real puede generarlo aquí mismo.

Por qué los textos alternativos saltan primero

La base está en las WCAG 2.2: el criterio de éxito 1.1.1 «Contenido no textual» exige para cada imagen una alternativa textual que cumpla el mismo propósito que la propia imagen. El criterio está en el nivel A, el más bajo de los tres niveles de conformidad. Quien lo incumple, incumple con ello toda conformidad WCAG, por muy pulido que esté el resto del sitio.

A eso se suma el control. Si una imagen tiene atributo alt es trivial de comprobar para una máquina. En Alemania, la autoridad de vigilancia del mercado MLBF usa escaneos automatizados para sus comprobaciones previas bajo la BFSG, la ley alemana de accesibilidad, y los informes de prueba WCAG adjuntos a algunos requerimientos extrajudiciales alemanes (Abmahnung) listan exactamente estos hallazgos detectables a máquina. La Ley Europea de Accesibilidad aplica la misma lógica en toda la UE. Si vende a consumidores alemanes o europeos, el texto alternativo ausente es la parte más visible de la obligación: lo primero que se encuentra y lo último que se puede discutir.

Técnicamente, el texto alternativo es un atributo del elemento img en el HTML. Un lector de pantalla lo lee en el punto donde los videntes ven la imagen. Si el atributo falta, muchos lectores de pantalla recurren al nombre del archivo, y la foto de producto se convierte en un «IMG_4032.jpg» leído en voz alta. Quien lo ha oído una vez en una demostración con lector de pantalla no lo olvida.

Las reglas básicas: buenos textos alternativos en siete puntos

La referencia determinante es el tutorial de imágenes de la Web Accessibility Initiative del W3C. Sus reglas esenciales caben en siete puntos:

• Función antes que apariencia: describa lo que la imagen hace en ese lugar, no cada detalle visible. Para un icono de lupa en un campo de búsqueda, «Buscar» es correcto, «lupa sobre fondo gris» no lo es.
• Corto y preciso: una frase concisa como regla general. Lo que necesite más espacio pertenece al texto circundante, no al atributo alt.
• Quitar «imagen de» y «foto de»: el lector de pantalla ya anuncia las imágenes como gráficos. «Foto de una zapatilla roja» malgasta las tres primeras palabras.
• Las imágenes enlazadas describen el destino: si el logotipo lleva a la portada, el texto alternativo es «Ir a la portada», no «Logotipo». Cuenta el destino, no el motivo.
• Las imágenes decorativas llevan texto alternativo vacío: alt="" hace que los lectores de pantalla se salten la imagen por completo. Cómo trazar la frontera se explica más abajo.
• Los nombres de archivo no son textos alternativos: «header-final-v3.jpg» no ayuda a nadie, tampoco en la búsqueda de imágenes.
• Los gráficos complejos necesitan más: un diagrama recibe un texto alternativo corto con el mensaje central más una descripción completa en el texto circundante o una tabla de datos.

La tabla muestra cómo se ve esto en la práctica. Los cinco casos cubren los tipos de imagen más habituales, de la foto de producto al diagrama:

El patrón detrás de las cinco filas: el buen texto alternativo responde a la pregunta de qué se lleva un visitante vidente de la imagen en ese lugar. Ni más ni menos. Por eso tampoco existe un diccionario de textos alternativos donde consultar: la respuesta depende de la página, no de la imagen.

El test del contexto: una foto, tres textos alternativos correctos

El error de razonamiento más frecuente al escribir es suponer que una imagen tiene una descripción fija y objetiva. No la tiene. El tutorial del W3C convierte expresamente el contexto en el criterio determinante: la misma foto necesita un texto alternativo distinto según la página, y a veces ninguno.

Tome una foto: una mujer con auriculares y micrófono en un escritorio. En la página de contacto de un servicio de atención es pura ilustración, el texto alternativo queda vacío. En el artículo del blog sobre la nueva responsable de soporte, la misma foto es informativa: «Anna Berger, responsable de atención al cliente, en su puesto de trabajo». Y como recuadro clicable que lleva al formulario de soporte, el texto alternativo describe el destino: «Ir al formulario de soporte». Tres páginas, tres respuestas correctas, una sola imagen.

¿Decorativa o informativa? Cómo decidir

Las imágenes decorativas reciben un texto alternativo vacío: alt="". No es dejadez, es el marcado correcto. El lector de pantalla se salta entonces la imagen por completo y nadie pierde tiempo con relleno. Importa la diferencia con el atributo ausente: sin atributo alt, muchos lectores de pantalla anuncian la imagen de todos modos, a menudo con el nombre del archivo. Vacío significa expresamente vacío, no omitido.

• ¿La imagen está enlazada o dispara una acción? Entonces necesita siempre un texto alternativo que nombre el destino.
• ¿La imagen muestra texto, por ejemplo un banner con un código de descuento? Entonces el texto completo pertenece al texto alternativo.
• ¿Se perdería información al quitar la imagen? Entonces es informativa y necesita una descripción.
• ¿El mensaje de la imagen ya está completo en el texto circundante? Entonces la imagen suele ser decorativa.
• ¿Es una foto de ambiente, un motivo, un separador sin mensaje propio? Texto alternativo vacío, listo.

Textos alternativos en la tienda online: donde está el dinero

En las tiendas online, el texto alternativo cuenta por partida doble. Jurídicamente, porque las tiendas B2C que venden a consumidores alemanes están cubiertas por la BFSG como servicios de comercio electrónico, la Ley Europea de Accesibilidad extiende el mismo deber a toda la UE, y las fotos de producto sin texto alternativo figuran entre los hallazgos típicos de las auditorías automáticas. Y comercialmente, porque un cliente ciego sin texto alternativo sencillamente no sabe qué compra: el color, el corte y el material a menudo solo están en la imagen, no en la descripción del producto.

En la práctica: el texto alternativo de una foto de producto complementa los datos del producto en lugar de repetirlos. Si «Zapatilla modelo Vento, blanca» ya figura como título al lado, el texto alternativo describe lo que la imagen añade, por ejemplo la vista lateral con la suela roja. Con cinco imágenes de galería del mismo producto, cada texto alternativo nombra su propia perspectiva: primer plano de la costura, suela desde abajo, puesta en el pie. Cinco veces la misma frase ayudaría a un usuario de lector de pantalla tanto como cinco veces la misma foto a un vidente.

El efecto SEO es real, pero no es un cheque en blanco: los buscadores usan los textos alternativos para entender las imágenes, así que unos buenos textos mejoran sus opciones en la búsqueda de imágenes. Ahora bien, embutir «comprar zapatillas baratas zapatillas hombre zapatillas blancas» en el atributo alt no ayuda a ningún usuario y no es accesibilidad, es spam leído en voz alta. Escriba el texto alternativo para personas. El buscador lee por encima del hombro y premia exactamente eso.

Cuándo ayuda la IA y cuándo falla

El reconocimiento de imágenes por IA es bueno en lo que agota a las personas: reconoce objetos con fiabilidad, produce una primera frase utilizable y lo hace para 500 fotos de producto igual de rápido que para cinco. Para una tienda con un catálogo crecido durante años, esa es la diferencia entre un proyecto de fin de semana y uno de trimestre.

Lo que la IA no sabe hacer es el contexto. Ve la foto, pero no la página: no sabe si la mujer con auriculares es decoración, la nueva responsable de soporte o un enlace a un formulario. Exactamente esa falta de contexto es lo que critica Aktion Mensch, una de las mayores organizaciones de inclusión de Alemania, en las herramientas generalistas totalmente automáticas, y la crítica es fundada. Vale también para los overlays de accesibilidad que intentan adivinar los textos alternativos ausentes sobre la marcha.

El método honesto tiene por tanto tres pasos, y el del medio no es opcional:

1. Generar un borrador de IA: cargue la imagen en el generador de texto alternativo y reciba una propuesta. Eso resuelve el reconocimiento de objetos y la primera redacción.
2. Comprobar contra el contexto de la página: ¿por qué está la imagen en esta página? ¿Es decorativa, informativa o está enlazada? ¿La descripción encaja con la función? Estas preguntas las responde una persona, no un modelo.
3. Ajustar y adoptar: añadir la función, recortar lo superfluo y solo entonces publicar.

Esto vale expresamente también para nuestro propio generador. Produce borradores, no textos alternativos terminados, y a propósito no lo vendemos de otra manera. Una herramienta que promete resolver los textos alternativos de forma totalmente automática, sin mirada humana, promete algo que con la técnica actual no funciona.

Preguntas frecuentes sobre textos alternativos

El texto alternativo es ese raro tema de accesibilidad donde esfuerzo y efecto se llevan bien: las reglas caben en una ficha, las lagunas se encuentran rápido y se cierran rápido. Haga escanear su web una vez, trabaje la lista con borrador de IA más mirada al contexto, y revise de paso sus documentos PDF. Sus usuarios de lector de pantalla notarán la diferencia en la primera visita.