Guía pragmática del texto alternativo de imágenes en 2026

Por qué el texto alternativo sigue importando

El texto alternativo forma parte de la especificación HTML desde 1995. Treinta años después, la mayoría de las imágenes en la web siguen sin tener atributo alt, o tienen un texto alternativo que parece escrito por alguien que nunca ha usado un lector de pantalla.

El problema ya no es la falta de conciencia. La mayoría de los sistemas de gestión de contenidos ahora hacen obligatorio el campo alt. El problema es que el texto alternativo se ha convertido en una casilla de cumplimiento, en lugar de una herramienta de comunicación. La gente escribe "imagen de una persona sonriendo" cuando el contexto real es "CEO anunciando los resultados del cuarto trimestre".

El texto alternativo existe por una razón: transmitir el propósito de una imagen a alguien que no puede verla. Ese propósito cambia según el contexto. Una foto de una taza de café en la página de inicio de una cafetería cumple una función distinta a la misma foto en una entrada de blog sobre técnicas de esmaltado cerámico.

En 2026, también contamos con herramientas de AI que pueden generar texto alternativo automáticamente. Estas herramientas están mejorando, pero siguen sin entender el contexto. Describen lo que ven, no por qué la imagen está ahí.

El árbol de decisión: ¿Esta imagen necesita texto alternativo?

No todas las imágenes necesitan texto alternativo descriptivo. Algunas imágenes son decorativas. Algunas son redundantes. Algunas funcionan mejor con pies de foto o con el texto que las rodea.

Este es el proceso de decisión:

¿La imagen transmite información que no está disponible en el texto circundante? Si la respuesta es sí, necesita texto alternativo. Si no, probablemente sea decorativa.

¿Una persona ciega se perdería algo importante si esta imagen desapareciera? Si la respuesta es sí, escribe texto alternativo. Si no, usa un atributo alt vacío (alt="") para indicar a los lectores de pantalla que la omitan.

¿La imagen es un enlace o un botón? El texto alternativo se convierte en el texto del enlace. Describe el destino, no la imagen. "Ver planes de precios" es mejor que "icono de flecha".

¿La imagen es compleja: un gráfico, diagrama o infografía? El texto alternativo tiene límites prácticos de longitud (alrededor de 125 caracteres es cómodo para la mayoría de los lectores de pantalla). Las imágenes complejas necesitan descripciones más largas, ya sea en un pie de foto, en el cuerpo del texto o mediante aria-describedby.

Cómo suena realmente un buen texto alternativo

Un buen texto alternativo es específico, conciso y consciente del contexto. Responde a la pregunta: ¿Por qué está aquí esta imagen?

Malo: "Imagen de un gráfico"

Mejor: "Gráfico de líneas que muestra un aumento del 23% en el tráfico móvil de enero a marzo de 2026"

Malo: "Una persona usando un portátil"

Mejor: "Diseñadora revisando maquetas de sitio web en Figma"

Malo: "Haz clic aquí"

Mejor: "Descargar la lista completa de comprobación de auditoría de accesibilidad (PDF)"

Observa que un buen texto alternativo suele incluir números, acciones o resultados. No describe cada detalle visual. Describe lo que importa.

Para imágenes decorativas —texturas de fondo de hero, bordes ornamentales, ilustraciones puramente estéticas— usa alt="". Esto no es pereza. Es honestidad semántica. Los lectores de pantalla omitirán la imagen por completo, que es lo que quieres.

Errores comunes que hacen perder el tiempo a todo el mundo

Empezar con "Imagen de" o "Foto de": Los lectores de pantalla ya anuncian que se trata de una imagen. Ve directamente a la descripción.

Rellenar con palabras clave para SEO: El texto alternativo no es un lugar para meter "mejores granos de café orgánico Brooklyn tostado artesanal". Google lleva años detectando bien esto en la búsqueda de imágenes. Escribe para personas.

Describir el nombre del archivo: "IMG_3847.jpg" no ayuda a nadie. Tampoco "hero-banner-final-v3".

Escribir una novela: Si tu texto alternativo tiene más de dos frases, probablemente esa información debería ir en un pie de foto o en el cuerpo del texto.

Repetir texto adyacente: Si el encabezado dice "Cómo hornear pan de masa madre" y la imagen muestra a alguien dando forma a la masa, el texto alternativo no necesita repetir el encabezado. Describe lo visualmente distintivo: "Manos plegando masa madre sobre una superficie enharinada".

Herramientas y flujos de trabajo que realmente ayudan

La mayoría de los CMS modernos ya tienen campos de texto alternativo integrados. WordPress, Webflow, Contentful y Sanity muestran el atributo alt de forma destacada durante la carga. Que el campo sea visible no significa que se complete bien.

Si estás auditando un sitio en busca de texto alternativo ausente o deficiente, extensiones de navegador como Accessibility Insights o axe DevTools pueden señalar imágenes sin atributos alt. Para una comprobación manual rápida, desactiva las imágenes en tu navegador (Firefox y Chrome lo admiten) y lee la página. Si el texto alternativo tiene sentido en contexto, vas bien.

El texto alternativo generado por AI —disponible en herramientas como Azure Computer Vision, Google Cloud Vision o integrado en plataformas como Cloudflare Images— puede ser un punto de partida razonable, especialmente para bibliotecas de imágenes grandes. Pero trata el texto alternativo de AI como un primer borrador. Describirá con precisión el contenido de la imagen, pero no sabrá por qué la imagen está en la página. Un editor humano todavía tiene que añadir contexto.

Si trabajas en un sitio con uso intensivo de imágenes y quieres detectar problemas de rendimiento pronto, herramientas como Wux Webtools' Image Compressor pueden ayudarte a optimizar los tamaños de archivo antes de la carga, porque el texto alternativo solo es útil si la imagen realmente se carga.

Texto alternativo y SEO en 2026

Google lleva años diciendo que el texto alternativo es un factor de clasificación para la búsqueda de imágenes. Eso sigue siendo cierto. Pero optimizar para la búsqueda de imágenes no es lo mismo que la accesibilidad.

Si escribes texto alternativo principalmente para SEO, acabarás con texto absurdo lleno de palabras clave que dificulta la navegación a quienes usan lectores de pantalla. Si escribes primero texto alternativo para accesibilidad, los beneficios de SEO llegan de forma natural, porque un texto alternativo descriptivo y contextual es exactamente lo que el algoritmo de búsqueda de imágenes de Google intenta mostrar.

Un matiz: Google Images ahora usa el contenido circundante de la página mucho más que antes. Si tu texto alternativo es bueno pero genérico ("pastel de chocolate con glaseado"), y tu página trata sobre repostería vegana, Google entenderá el contexto. No necesitas escribir "pastel de chocolate vegano con glaseado sin lácteos" a menos que esa distinción sea visualmente evidente en la imagen.

Puntos clave

• El texto alternativo existe para transmitir el propósito de una imagen, no para describir cada detalle visual
• Las imágenes decorativas deben usar alt="" para que los lectores de pantalla las omitan por completo
• Un buen texto alternativo es específico, consciente del contexto y responde a "¿por qué está aquí esta imagen?"
• El texto alternativo generado por AI es un punto de partida útil, pero sigue necesitando edición humana para el contexto
• Escribe primero para la accesibilidad; los beneficios de SEO llegan de forma natural a partir de un texto claro y descriptivo

FAQ

Q: ¿Puedo usar simplemente AI para generar todo mi texto alternativo?

A: Las herramientas de AI son buenas describiendo lo que hay en una imagen, pero no entienden el contexto. Si trabajas con cientos de imágenes de producto y necesitas una base, el texto alternativo de AI está bien. Para contenido editorial, páginas de marketing o cualquier caso en el que importe la razón por la que existe la imagen, una persona debe revisar y editar.

Q: ¿Qué longitud debería tener el texto alternativo?

A: La mayoría de los lectores de pantalla funcionan cómodamente con 125 caracteres o menos. Si necesitas más que eso, probablemente la información debería ir en un pie de foto, en el cuerpo del texto o en una descripción más larga vinculada mediante aria-describedby. No hay un límite técnico estricto, pero un texto alternativo más largo se vuelve incómodo de navegar.

Q: ¿Necesito texto alternativo para los logotipos?

A: Sí, pero mantenlo simple. Si tu logotipo está en el encabezado y enlaza a la página de inicio, el texto alternativo debería ser el nombre de tu empresa: alt="Acme Corp". No escribas alt="Acme Corp logo" a menos que el hecho de que sea un logotipo sea de algún modo relevante para el contexto.

Q: ¿Cuál es la diferencia entre texto alternativo y pie de foto?

A: El texto alternativo es un reemplazo directo de la imagen. Los lectores de pantalla lo leen cuando encuentran la imagen. Un pie de foto es información complementaria, visible para todos, que añade contexto o atribución. Si tienes ambos, no deberían repetirse.

Q: ¿Debería añadir texto alternativo a las imágenes de fondo en CSS?

A: No. Las imágenes de fondo en CSS son decorativas por definición y no se exponen a los lectores de pantalla. Si una imagen de fondo transmite información importante, debería ser un elemento <img> en el HTML con el texto alternativo adecuado.

Fuentes

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices