TL;DR: El texto alternativo no tiene una regla universal de 125 caracteres. Debe ser tan corto como sea posible y tan largo como sea necesario para sustituir la función de la imagen en contexto. Una imagen informativa simple suele necesitar una frase concisa. Una imagen funcional describe la acción. Una decorativa usa normalmente alt vacío. Los gráficos complejos necesitan una etiqueta corta y detalles cercanos.
La longitud del texto alternativo suele reducirse a un número, pero la accesibilidad no funciona así. Una descripción de diez palabras puede ser demasiado larga para una imagen decorativa y demasiado corta para un gráfico. El texto correcto depende de por qué aparece la imagen y de lo que una persona perdería sin verla.
Esta guía explica cómo escribir texto alternativo para imágenes informativas, funcionales, decorativas y complejas. También cubre errores comunes, como saturar de palabras clave, repetir pies de foto y enumerar detalles visuales sin comunicar la función. El objetivo es un sustituto útil, no una puntuación perfecta.
Redacta la descripción dentro de su contexto y después comprueba el tamaño con el contador de caracteres. Contar sirve para detectar una descripción sobrecargada, pero nunca debe obligarte a eliminar información necesaria para entender la página.
¿Cuánto debe medir un texto alternativo?
Debe ser tan corto como sea posible y tan largo como sea necesario para comunicar la función de la imagen. Una frase concisa suele funcionar para una imagen informativa simple. Un icono funcional puede necesitar pocas palabras. Un gráfico complejo suele requerir un atributo breve y una explicación más larga en otro lugar.
No existe un máximo universal de 125 caracteres en HTML o WCAG. Esa cifra es una recomendación práctica usada por algunos equipos y herramientas antiguas, no una regla que convierta automáticamente un texto más largo en inaccesible.
Lee la página sin la imagen y pregúntate qué información falta. Escribe solo ese sustituto. Si la descripción se convierte en un párrafo, mueve el detalle al texto visible para que más personas puedan usarlo.
¿Qué debe describir el texto alternativo?
Describe la función de la imagen y la información que añade en ese contexto concreto. No enumeres todos los objetos visibles si no importan. La misma foto puede necesitar un texto diferente en una noticia, una página de producto o un perfil personal.
El W3C exige una alternativa de texto para el contenido no textual que cumpla una función equivalente, con excepciones como la decoración. Su árbol de decisión para alternativas de imagen ayuda a elegir entre descripción, etiqueta funcional, explicación cercana o atributo alt vacío.
Evita empezar con “imagen de” o “foto de” salvo que el medio importe. Los lectores de pantalla y el código cercano suelen identificar ya el contenido como imagen.
Imágenes informativas, funcionales y decorativas
Clasifica la imagen antes de escribir. La categoría decide si el texto debe describir contenido, explicar una acción o quedarse vacío.
- Imagen informativa: comunica el dato o significado que añade. Ejemplo: “Bicicleta roja aparcada junto a la entrada de la estación.”
- Imagen funcional: describe la acción o destino. Un botón con lupa necesita “Buscar”, no “Lupa”.
- Imagen decorativa: usa un atributo alt vacío en HTML cuando no aporta información y debe ignorarse.
- Imagen de texto: incluye las palabras esenciales si no están ya disponibles como texto real cerca.
- Logotipo: identifica la organización cuando el logo proporciona ese dato. Dentro de un enlace de inicio puede ser “Nombre de empresa, inicio”.
No repitas el pie de foto palabra por palabra. La repetición añade escucha sin significado. Usa la Diferencia de Texto para comparar pie y alt cuando sospeches que son duplicados.
¿Cómo se escribe para gráficos e imágenes complejas?
Usa un atributo corto para identificar el gráfico y su mensaje principal, y proporciona datos, relaciones o procesos importantes en el texto cercano. La información compleja rara vez cabe bien en un atributo largo. Las descripciones visibles también ayudan a personas con baja visión o dificultades cognitivas.
Para un gráfico de líneas, indica tema y tendencia clave: “Las solicitudes mensuales de soporte subieron de 120 en enero a 210 en junio.” Añade después una tabla o un párrafo si importan los valores exactos de cada mes.
Para diagramas, describe la secuencia o relación de la que depende la página. No describas cada forma, color de flecha o posición salvo que cambie el significado. El análisis de legibilidad puede simplificar una descripción visible larga sin eliminar pasos esenciales.
Errores comunes en el texto alternativo
Un texto malo no suele ser demasiado largo o corto. Es irrelevante, repetitivo o está escrito para buscadores en lugar de personas.
- Usar nombres de archivo como “IMG_2048.jpg”.
- Escribir “imagen de” antes de cada descripción.
- Repetir el pie, el encabezado o el párrafo cercano.
- Introducir palabras clave de producto que la imagen no comunica.
- Describir color o posición sin explicar el significado.
- Dar una descripción hablada a imágenes decorativas.
- Usar alt vacío cuando la imagen es la única etiqueta de un enlace o botón.
Limpia las descripciones copiadas con el eliminador de espacios extra para que saltos de línea y formato invisible no entren en el campo del CMS.
¿Cómo se comprueba antes de publicar?
Revisa la imagen en el contexto real de la página. Decide su función, elimina información repetida, prueba la página sin imagen y confirma que el sustituto permite la misma tarea. Después inspecciona el HTML o la salida del CMS para comprobar que el atributo está presente y correctamente vacío cuando es decorativo.
- Identifica el tipo: informativa, funcional, decorativa, basada en texto o compleja.
- Lee el contenido cercano: evita repetir lo que ya está disponible.
- Escribe el sustituto: céntrate en la función y la información útil.
- Comprueba la longitud: acorta solo cuando haya redundancia o sobrecarga.
- Revisa la accesibilidad visual: usa el simulador de contraste si hay texto o gráficos esenciales dentro de la imagen.
- Prueba la salida: confirma que alt vacío aparece como atributo vacío y no se omite.
Los comprobadores automáticos encuentran atributos ausentes, pero no deciden si las palabras son útiles. Se necesita revisión humana porque la descripción correcta depende del contexto.
La longitud del texto alternativo es una decisión de calidad, no un objetivo SEO fijo. Las imágenes simples requieren un sustituto conciso, las funcionales una acción clara, las decorativas deben permanecer en silencio y las complejas necesitan detalles fuera del atributo.
Escribe la descripción junto a la imagen y usa el contador de caracteres para detectar longitud innecesaria. Conserva cada palabra que ayude a entender o usar la página y elimina solo detalles que no sirven a la función de la imagen.