Texto alternativo e imágenes accesibles: una etiqueta que sirve a la accesibilidad, al SEO y a la IA

Qué es el texto alternativo — y los cuatro trabajos que hace

El texto alternativo es el texto alt: una descripción escrita añadida al atributo HTML alt de una imagen que la reemplaza cuando no se puede ver (RatedWithAI, 2026). Su valor está en que un solo atributo sirve a varias audiencias al mismo tiempo. Los lectores de pantalla lo leen en voz alta a las personas con discapacidad visual, los buscadores lo usan para entender el contenido de la imagen, y los navegadores lo muestran cuando una imagen no carga — tres trabajos de una línea (ContentPen, 2026). En 2026 hay un cuarto: los sistemas de IA como ChatGPT, Claude y Perplexity no pueden ver imágenes, así que leen el texto alternativo, y las descripciones ricas vuelven tus imágenes legibles para los motores de respuesta que cada vez más median el descubrimiento (AltText.ai, 2026).

Esa combinación es por la que el texto alternativo se sienta en el cruce de la accesibilidad, la usabilidad y la búsqueda. Añade información para los usuarios de lector de pantalla ciegos y de baja visión, pero también beneficia a las personas en conexiones pobres, apoya algunas discapacidades cognitivas, y mejora la comprensión de tus páginas por parte de los buscadores (Siteimprove, 2026). Pocos elementos de una página recompensan un pequeño esfuerzo en tantos frentes, que es justo por lo que acertar vale un método deliberado en vez de una corazonada.

Por qué no es opcional: la ley y las demandas

El texto alternativo es una base legal, y la brecha es enorme. Proveer una alternativa de texto para el contenido no textual es el criterio 1.1.1 de WCAG 2.2, fijado en Nivel A —el nivel mínimo de cumplimiento de accesibilidad— así que las imágenes con significado sin texto alternativo reprueban la barra de conformidad más básica (AccessibilityChecker, 2026). Y sin embargo la ausencia de texto alternativo es la violación de accesibilidad más común de la web, presente en el 54,5% de todas las páginas de inicio en la encuesta de WebAIM, y es la falla de WCAG más citada en las demandas de accesibilidad (RatedWithAI, 2026).

La exposición legal es concreta y va en aumento. La regla del Título II de la ADA del Departamento de Justicia de Estados Unidos exige que los gobiernos estatales y locales que sirven a poblaciones de 50.000 o más cumplan WCAG 2.1 Nivel AA para el 24 de abril de 2026, con multas federales de hasta 75.000 dólares por una primera violación y 150.000 por las siguientes (RatedWithAI, 2026). La Ley Europea de Accesibilidad entró en vigor en junio de 2025, la Ley de Canadá Accesible fija plazos para 2027 y 2028, y los requisitos de texto alternativo son fundamentales para cada uno de estos estándares internacionales (RatedWithAI, 2026). El panorama legal más amplio es el tema de nuestro pilar sobre si la accesibilidad web es obligatoria — el texto alternativo es sencillamente donde la mayoría de los sitios lo reprueba primero.

El árbol de decisión: ¿qué tipo de imagen es?

Un buen texto alternativo empieza antes de escribir una palabra, con una pregunta. Pregúntate si la imagen añade información que un visitante perdería si no estuviera — la prueba mental es imaginar que quitas la imagen por completo, y si la página sigue teniendo sentido completo, la imagen es decorativa (ContentPen, 2026). De ahí, el árbol de decisión del W3C ordena cada imagen en un número pequeño de casos (W3C WAI, 2026).

Las categorías son: imágenes decorativas, que no cargan información y deben recibir un alt vacío; imágenes informativas como fotografías y diagramas simples, que necesitan una descripción breve del significado que transmiten; imágenes funcionales usadas dentro de enlaces o botones, que necesitan que se describa la función; imágenes complejas como gráficos e infografías, que necesitan un alt corto más una descripción más larga cerca; e imágenes de texto, donde el texto de la imagen debe colocarse en el alt (Alt Audit, 2026). Categorizar primero es lo que evita que escribas una descripción cuidadosa para una imagen que debió quedar en silencio, o que te quedes en silencio sobre una que carga el sentido entero de la página.

El error capital: alt vacío contra alt ausente

Esta es la distinción que hace tropezar a la mayoría de los sitios, y importa más de lo que parece. Una imagen decorativa debe tener un atributo alt vacío explícito, escrito alt="", que le señala al lector de pantalla que la imagen debe saltarse, evitando ruido innecesario (Alt Audit, 2026). El error crítico es omitir el atributo por completo, porque un alt ausente se trata de forma muy distinta a uno vacío.

Cuando un lector de pantalla encuentra una imagen sin atributo alt alguno, comúnmente recurre a leer en voz alta el nombre del archivo, así que el usuario oye algo como “banner-portada-final-v2-punto-jpg” — una distracción real sin significado (Siteimprove, 2026). La regla que sigue es simple: las imágenes decorativas necesitan un alt vacío, no uno borrado. La misma lógica aplica a la redundancia — un ícono junto a una etiqueta de texto que ya dice lo mismo, o un logo cuyo texto de enlace ya nombra el destino, debe recibir un alt vacío para que el lector de pantalla no anuncie la misma información dos veces (AllAccessible, 2026).

Cómo escribir un buen texto alternativo

Para las imágenes que sí necesitan descripción, unas pocas reglas cubren casi todos los casos. Sé específico en vez de vago — “mochila de cuero negro sobre una mesa con fondo verde” le dice algo a un usuario de lector de pantalla, mientras que “bolso” o “foto” no le dice nada (Verbit, 2026). Sé conciso: apunta a cerca de 125 caracteres, ya que varios lectores de pantalla truncan o cambian de comportamiento más allá de esa longitud, y un muro de descripción es tan poco útil como ninguna (RatedWithAI, 2026). Y no empieces con “imagen de” o “foto de”, porque el lector de pantalla ya anunció que es una imagen, con una excepción — cuando el medio en sí añade significado, como en “Óleo de girasoles” o “Captura de pantalla de la página de pago” (RatedWithAI, 2026).

Dos hábitos mantienen honesto el texto alternativo. Deja que el contexto decida, porque la misma imagen necesita un texto alternativo distinto según dónde se sienta y qué dicen ya las palabras de alrededor (Harvard, 2026). Y resiste el atiborramiento de keywords: meter términos de búsqueda a presión en el atributo lo vuelve ilegible para los usuarios de lector de pantalla y puede atraer una penalización de búsqueda, así que cualquier palabra clave debe aparecer solo donde describa la imagen de forma natural (AccessibilityChecker, 2026). Un pie de foto, en cambio, es el texto visible debajo de una imagen que todos ven; puede convivir con el texto alternativo pero no lo reemplaza, ya que los dos sirven a lectores distintos (ContentPen, 2026).

Imágenes funcionales y complejas

Dos categorías merecen sus propias reglas porque la descripción obvia es la equivocada. Para una imagen funcional —una usada dentro de un enlace o botón— describe la acción o el destino, no la foto: un logo que enlaza al inicio lleva alt="Web Involved inicio", y un ícono de compartir lleva alt="Compartir en Twitter", porque lo que el usuario necesita saber es qué pasa cuando lo activa (AllAccessible, 2026). Describir ahí la apariencia del logo no le diría nada al usuario sobre adónde va el enlace.

Las imágenes complejas necesitan un enfoque de dos capas. Para un gráfico, una infografía o un diagrama denso, escribe un texto alternativo breve que resuma la idea clave, y luego aporta los datos completos o una descripción detallada en otra parte de la página, enlazada con aria-describedby donde sea apropiado — el criterio WCAG 1.1.1 pide en efecto tanto la alternativa corta como la detallada (RatedWithAI, 2026). Un patrón útil es un alt como “Gráfico de barras: el tráfico orgánico subió 40% del Q1 al Q2 tras una actualización de contenido”, con los números de fondo en una tabla cercana que todo visitante puede leer (ContentPen, 2026). Y donde una imagen contiene texto que importa, ese texto va en el alt para que los usuarios de lector de pantalla reciban la misma información que todos los demás (Siteimprove, 2026).

El pago en SEO e IA

Más allá del acceso, el texto alternativo se gana su lugar en el descubrimiento. Los buscadores lo usan para indexar y entender las imágenes, lo que mejora la visibilidad en la búsqueda de imágenes y el descubrimiento general — una de las victorias compartidas más fáciles para la accesibilidad y el SEO por igual (Verbit, 2026). El ejemplo se escribe solo: alt="Gráfico de barras que muestra un aumento del 40% en el tráfico orgánico del Q1 al Q2" sirve a la accesibilidad, apoya el SEO, y provee un respaldo de imagen rota en una sola línea (ContentPen, 2026).

La dimensión de IA es más nueva y más afilada. Como modelos como ChatGPT, Claude y Perplexity no pueden ver imágenes, el texto alternativo es lo que leen — la diferencia entre que un motor vea “oso-polar-nieve.jpg” y que vea “un oso polar de pie sobre el hielo” decide si tu imagen se entiende y se muestra (AltText.ai, 2026). Un texto alternativo descriptivo hace que tus imágenes se incluyan cuando una IA arma una respuesta o recomendación, lo que lo vuelve parte de la misma disciplina de legibilidad por máquina que describe nuestro pilar sobre si tu sitio es legible para la IA. La mitad de archivo de la calidad de imagen —formatos y velocidad de carga— la cubre nuestra guía sobre optimizar imágenes para la web; el texto alternativo es la mitad de significado.

¿La IA puede escribir tu texto alternativo?

Puede ayudar, con un límite claro. Los modelos de visión de IA han madurado lo suficiente para generar descripciones contextualmente útiles para muchas imágenes, y las herramientas construidas sobre ellos pueden borrar texto alternativo a una escala que ningún humano puede igualar en un catálogo grande (Alt Audit, 2026). Para imágenes informativas simples, un modelo de visión actual produce un primer borrador razonable (ContentPen, 2026).

El límite es que el borrador no es el final. El texto alternativo generado por IA siempre debería ser revisado por una persona, porque a menudo pierde el contexto, escribe descripciones genéricas, y puede cometer errores de exactitud, y batalla más con justo las imágenes funcionales y complejas donde lo que está en juego es mayor (RatedWithAI, 2026). La razón más profunda es estructural: el texto alternativo correcto depende de por qué una imagen está en una página en particular, y esa intención vive con quienes construyen la página, no en los píxeles. Es el mismo límite que vuelve a un overlay de accesibilidad incapaz de arreglarte esto, el tema de nuestra guía sobre por qué los overlays son una trampa legal — un script pegado después no puede saber qué se suponía que comunicaba una imagen.

Cómo lo hacemos nosotros

Tratamos el atributo alt como un campo obligatorio, decidido cuando se coloca una imagen, no parchado después. Cada imagen con significado recibe una descripción escrita para su contexto; cada decorativa recibe un alt vacío explícito para que los lectores de pantalla pasen sobre ella limpiamente; las imágenes funcionales describen su acción; y los gráficos llevan un resumen corto con las cifras completas en texto real cerca. Como ese trabajo ocurre en la etapa de autoría, las cuatro audiencias se sirven a la vez y ninguna queda como una ocurrencia tardía.

Este es el ejemplo pequeño más claro del principio detrás de todo lo que construimos: acierta en la fuente y una decisión sirve a un usuario de lector de pantalla, a un buscador, a un motor de respuesta de IA, y a un visitante en una conexión lenta — pégalo después y no sirves bien a ninguno. El texto alternativo es el detalle operable y perceptible que nuestro pilar sobre si la accesibilidad web es obligatoria trata como una base, junto a las decisiones de contraste de color y teclado que, como esta, se toman al construir o no se toman nunca.