Qué es el texto alternativo y para quién es
El texto alternativo es la descripción de una imagen que va junto a ella en el código de la página, con el nombre alt, y que la sustituye cuando alguien no puede verla. Lo leen en voz alta los lectores de pantalla que usan las personas ciegas o con baja visión, y lo usan los buscadores para saber qué muestra la imagen.
Es el primer requisito de las pautas de accesibilidad web del W3C, las WCAG 2.2 (se abre en una pestaña nueva): todo contenido que no es texto y se presenta al usuario tiene que tener una alternativa en texto que cumpla la misma función (criterio 1.1.1, del nivel básico, el A). Para Google también cuenta: su guía de SEO para imágenes (se abre en una pestaña nueva) dice que, de todo lo que describe una imagen en el código, el texto alternativo es lo más importante, y que lo usa, junto con la visión artificial y el contenido de la página, para entender de qué trata.
Cómo escribirlo para una obra
Escribe una o dos frases: primero qué es la obra, después lo que se ve, de lo más importante a lo secundario. Describe lo que está en la imagen y deja la interpretación para el texto que acompaña a la obra.
- Empieza por lo que es: «Óleo de…», «Escultura en bronce de…», «Fotografía en blanco y negro de…». Ahórrate «imagen de» o «foto de», porque el lector de pantalla ya anuncia que hay una imagen, como recuerda el tutorial de imágenes del W3C (se abre en una pestaña nueva); la técnica, en cambio, sí aporta.
- Sigue con lo que se ve: el tema principal, la composición, los colores con nombres comunes (azul, ocre, verde oscuro) y, si importa, la materia o el tamaño.
- Lo importante, al principio. Es la recomendación del W3C para cualquier texto alternativo.
- Breve. El W3C pide la descripción más concisa posible y, si hace falta más que una frase corta, una descripción larga aparte, en la propia página. Las pautas de descripción de imágenes del Cooper Hewitt (se abre en una pestaña nueva), el museo de diseño del Smithsonian, proponen para el texto alternativo unas quince palabras.
- El texto que aparece en la obra, entre comillas y completo, como pide el Cooper Hewitt.
- Palabras de todos. Los términos técnicos, solo si hacen falta y explicados.
- Escrito para personas. Google pide un texto útil, con las palabras clave justas y sin amontonarlas.
Para la obra de arte, las WCAG fijan además un mínimo: cuando una imagen está ahí para crear una experiencia sensorial, como una obra, su alternativa tiene que identificarla al menos de forma descriptiva, según la explicación del criterio 1.1.1 (se abre en una pestaña nueva). Qué es y cómo es: ese es el mínimo.
Ejemplos
Estos ejemplos son inventados y siguen el mismo esquema: qué es y qué se ve.
| Obra | Texto alternativo |
|---|---|
| Pintura figurativa | Óleo de una mujer de espaldas junto a una ventana abierta, con un vestido rojo; fuera, tejados grises bajo un cielo blanco |
| Pintura abstracta | Pintura abstracta en tres franjas horizontales: azul oscuro arriba, una línea fina amarilla y un gris cálido abajo, con la pintura muy empastada |
| Escultura | Escultura de bronce con pátina verde de un caballo tumbado, con las patas recogidas, vista de perfil |
| Cerámica | Cuenco de gres visto desde arriba, con esmalte blanco que deja ver el barro rojizo en el borde |
| Fotografía | Fotografía en blanco y negro de una playa vacía al amanecer, con una silla de plástico volcada en primer plano |
| Obra con texto | Serigrafía con la palabra «AHORA» en letras rojas sobre fondo crema |
| Vista de sala | Vista de la exposición: sala blanca con cuatro cuadros grandes en fila y una escultura de madera en el centro |
| Detalle | Detalle del empaste: surcos de pintura blanca sobre un fondo ocre |
Cuando una obra tiene varias vistas o detalles, cada imagen lleva su propio texto, con lo que se ve desde ese lado; cómo se fotografían esas vistas lo contamos en cómo fotografiar esculturas y cerámica.
Ficha, pie de foto y texto alternativo
Son tres textos distintos que se complementan: la ficha identifica la obra, el pie la acompaña a la vista de todos y el texto alternativo cuenta lo que se ve a quien no la ve.
| Texto | Qué dice | Dónde va | Ejemplo inventado |
|---|---|---|---|
| Ficha técnica | Artista, título, año, técnica, medidas y, si los hay, edición y colección | En la página de la obra, a la vista | Ana Ruiz, Tarde en el puerto, 2025, óleo sobre lienzo, 100 × 81 cm |
| Pie de foto | Lo justo para identificar la imagen, con su crédito | Debajo de la imagen | Tarde en el puerto, 2025. Foto: Luis Gil |
| Texto alternativo | Lo que se ve | En el código de la página, como alt | Óleo de un puerto al atardecer: tres barcas azules varadas y, detrás, grúas en silueta contra un cielo naranja |
El estándar HTML lo ilustra así en su capítulo de imágenes (se abre en una pestaña nueva): en uno de sus ejemplos, el pie da el nombre y el año, y el texto alternativo describe lo que se ve. El Cooper Hewitt pide lo mismo: que el texto alternativo describa y deje al pie lo que el pie ya dice. Cómo se ordena la ficha, en la ficha técnica de una obra de arte.
Cuándo va vacío y cuándo lleva el título
Una imagen que solo decora lleva el texto alternativo vacío, para que el lector de pantalla la salte, y una imagen que es un enlace dice adónde lleva. Entre las dos están casi todas las imágenes de obra, que describen.
- Decorativa: vacío. Una textura de fondo o un adorno llevan
alt="", un atributo alt vacío. Quitarlo del todo es peor: según el W3C (se abre en una pestaña nueva), algunos lectores de pantalla leen entonces el nombre del archivo. - Enlace: adónde lleva. En una cuadrícula de obras en la que cada miniatura lleva a la página de la obra, el texto alternativo dice el título, que es el destino del enlace, como recomienda el W3C para las imágenes que funcionan como enlace (se abre en una pestaña nueva). La descripción completa va en la página de la obra.
- Con el título escrito al lado: describe. Si el pie o la ficha ya dicen el título, el texto alternativo se dedica a lo que se ve.
- Sola: identifica y describe. Si la imagen aparece sin título cerca, por ejemplo en una portada, el texto alternativo empieza por el título y la técnica.
Cómo añadirlo en tu web y en redes
En una web, el texto alternativo se escribe en el campo que el gestor de contenidos reserva para ello al subir o al editar la imagen; en Instagram, antes de publicar, en «Más opciones» y «Escribir texto alternativo».
- En tu web. El campo suele llamarse «texto alternativo» o «descripción». En las webs que hacemos, el texto alternativo lo escribimos con la ficha de cada obra al publicarla, y forma parte del posicionamiento para artistas que va con cada web: una página por obra, con su ficha en texto y cada imagen con su nombre y su descripción.
- En Instagram. Según su ayuda (se abre en una pestaña nueva), Instagram genera un texto alternativo automático con reconocimiento de objetos, y puedes sustituirlo por el tuyo: antes de publicar, en «Más opciones» y «Escribir texto alternativo»; después, desde «Editar» y «Editar texto alternativo». Ese texto lo lee quien entra en Instagram con un lector de pantalla. Qué más cuidar allí, en Instagram para artistas.
- En TikTok. Las publicaciones de fotos admiten un texto alternativo de hasta 300 caracteres por foto, que se añade en «Más opciones» antes de publicar, según su ayuda (se abre en una pestaña nueva).
Los nombres de los menús cambian con las versiones de cada aplicación; si no los encuentras, busca «texto alternativo» en su ayuda.
Qué dicen las normas
La referencia técnica son las WCAG del W3C, y su primer criterio pide texto alternativo para toda imagen con contenido. Que además te obligue una ley depende de dónde vendas y de tu tamaño.
- Unión Europea. La Ley Europea de Accesibilidad, la Directiva (UE) 2019/882 (se abre en una pestaña nueva), se aplica a los servicios de comercio electrónico que se prestan a consumidores (artículo 2), y pide que sus webs sean perceptibles, manejables, comprensibles y sólidas (anexo I), los cuatro principios de las WCAG. Las microempresas que prestan servicios quedan exentas de esos requisitos (artículo 4): son las que emplean a menos de 10 personas y tienen un volumen de negocio anual o un balance de hasta 2 millones de euros (artículo 3).
- España. La traspone la Ley 11/2023 (se abre en una pestaña nueva), cuyo título I incluye el comercio electrónico (artículo 2) y exime a las microempresas que prestan servicios (artículo 3). Si vendes obra desde tu web, confírmalo con un abogado.
- Estados Unidos. El Departamento de Justicia explica en su guía sobre la accesibilidad web (se abre en una pestaña nueva) que la ADA se aplica también a las webs de los negocios abiertos al público. Deja flexibilidad en cómo cumplirla, señala las WCAG como guía útil y cita la falta de texto alternativo entre los ejemplos de barreras: para ser útil, dice, el texto debe ser breve y descriptivo. La guía es orientativa; si vendes allí, consúltalo con un abogado.
- Otros países. Consulta la norma del tuyo; las WCAG sirven de guía técnica en cualquier caso.
Aunque ninguna ley te obligue, escribirlo abre tu obra a quien no la ve y ayuda a que los buscadores la entiendan. El resto del trabajo para que te encuentren está en SEO para artistas.
Fuentes
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2, criterio 1.1.1 (se abre en una pestaña nueva)
- W3C, Understanding Success Criterion 1.1.1, Non-text Content (se abre en una pestaña nueva)
- W3C WAI, Images Tutorial, consejos (se abre en una pestaña nueva)
- W3C WAI, Images Tutorial, imágenes decorativas (se abre en una pestaña nueva)
- W3C WAI, Images Tutorial, imágenes funcionales (se abre en una pestaña nueva)
- WHATWG, HTML Living Standard, imágenes (se abre en una pestaña nueva)
- Cooper Hewitt, Smithsonian Design Museum, Guidelines for Image Description (se abre en una pestaña nueva)
- Google Search Central, prácticas recomendadas de SEO para imágenes (se abre en una pestaña nueva)
- Instagram, Editar el texto alternativo de una publicación en Instagram (se abre en una pestaña nueva)
- TikTok, Accesibilidad en tus vídeos (se abre en una pestaña nueva)
- Directiva (UE) 2019/882 sobre los requisitos de accesibilidad de los productos y servicios, artículos 2, 3 y 4 y anexo I (se abre en una pestaña nueva)
- BOE, Ley 11/2023, título I, artículos 2 y 3 (se abre en una pestaña nueva)
- U.S. Department of Justice, Guidance on Web Accessibility and the ADA (2022) (se abre en una pestaña nueva)