Fallo común Fallos comunes WCAG 2.2
F30Fallo de los criterios de conformidad 1.1.1 y 1.2.1 debido a usar alternativas textuales que no son alternativas (p. ej., nombres de fichero o texto de relleno)
En resumen
Este fallo se produce cuando el texto puesto como alternativa de una imagen u otro contenido no textual no transmite su información ni su función: textos de relleno como «imagen» o «spacer», referencias de programación como «picture 1» o «0002», o el propio nombre del fichero («Oct.jpg»). Las personas que usan lector de pantalla no obtienen nada útil. Al auditar, revise cada alt y pregúntese si podría sustituir a la imagen sin perder información.
Ejemplo práctico
Este fallo se da cuando el atributo alt existe pero no sirve como alternativa; es típico de los gestores de contenidos que lo rellenan con el nombre del fichero. Ejemplo: una noticia municipal con un gráfico y un enlace a un informe en PDF.
Así no: Nombre de fichero y texto genérico como alternativa
El gráfico tiene como alternativa el nombre del fichero y el icono del enlace el texto «icono». El lector anuncia «grafico_vidrio_2025.png, gráfico» y «Descargar el informe anual icono, enlace»: no transmite los datos del gráfico ni que el enlace descarga un PDF. Las herramientas automáticas no lo marcan como error porque el alt existe.
<style>
.noticia { max-width: 420px; color: #0B2239; }
.noticia h2 { font-size: 1.2rem; margin: 0 0 8px; }
.noticia a { color: #412c56; }
.noticia a:focus-visible { outline: 3px solid #412c56; outline-offset: 2px; }
.noticia a img { vertical-align: middle; }
</style>
<article class="noticia">
<h2>El reciclaje de vidrio sube un 12 % en 2025</h2>
<img src="data:image/svg+xml,…" width="280" height="150" alt="grafico_vidrio_2025.png">
<p>
<a href="#">Descargar el informe anual <img src="data:image/svg+xml,…" width="20" height="24" alt="icono"></a>
</p>
</article>
La demostración contiene, a propósito, el error de accesibilidad que se explica.
Así sí: Alternativas que sustituyen a la imagen
El alt del gráfico recoge los datos que muestra y el del icono indica el formato del documento. Ahora el texto alternativo puede sustituir a cada imagen sin perder información, que es lo que exige el criterio 1.1.1.
<style>
.noticia { max-width: 420px; color: #0B2239; }
.noticia h2 { font-size: 1.2rem; margin: 0 0 8px; }
.noticia a { color: #412c56; }
.noticia a:focus-visible { outline: 3px solid #412c56; outline-offset: 2px; }
.noticia a img { vertical-align: middle; }
</style>
<article class="noticia">
<h2>El reciclaje de vidrio sube un 12 % en 2025</h2>
<img src="data:image/svg+xml,…" width="280" height="150" alt="Vidrio recogido: 366 toneladas en 2024 y 410 toneladas en 2025">
<p>
<a href="#">Descargar el informe anual <img src="data:image/svg+xml,…" width="20" height="24" alt="(PDF)"></a>
</p>
</article>Pruébelo aquí:
Cómo comprobarlo
Errores frecuentes en auditorías
- Gestores de contenidos que rellenan el alt automáticamente con el nombre del fichero subido (IMG_2045.jpg, banner-home-v3.png).
- Textos genéricos como «imagen», «foto», «icono» o «logo» puestos solo para que la herramienta automática no dé error.
- Gráficos e infografías cuyo alt es solo el título («Gráfico de reciclaje») y no los datos ni la conclusión que transmiten.
- Galerías con alternativas numeradas («Foto 1», «Foto 2») que no dicen qué muestra cada imagen.
Técnica completa: traducción al español del texto del W3C
Aplicabilidad
Se aplica a todas las tecnologías.
Descripción
Esta técnica describe una condición de fallo para todas las técnicas que implican alternativas textuales. Si el texto de la «alternativa textual» no puede usarse en lugar del contenido no textual sin perder información o funcionalidad, entonces falla, porque en realidad no es una alternativa del contenido no textual.
Ejemplos
Algunos ejemplos de textos que no son alternativas textuales:
- textos de relleno como " " (un espacio), "spacer" (separador), "image" (imagen) o "picture" (fotografía), etc., colocados en el lugar de la «alternativa textual» de imágenes o fotografías.
- referencias de programación que no transmiten la información ni la función del contenido no textual, como "picture 1", "picture 2" o "0001", "0002" o "Intro#1", "Intro#2".
- nombres de fichero que no son alternativas textuales válidas por sí mismos, como "Oct.jpg", "Chart.jpg" o "sales\\oct\\top3.jpg"
Pruebas
Procedimiento
- Comprobar cada alternativa textual para ver si en realidad no es una alternativa textual del contenido no textual.
Resultados esperados
- Si la comprobación n.º 1 es verdadera, se da esta condición de fallo y el contenido falla el criterio de conformidad.
Cómo lo comprobamos en ADDAW
Este fallo es uno de los que buscamos en cada auditoría de accesibilidad de ADDAW: lo documentamos con capturas y el código afectado, indicamos el criterio que incumple y la técnica suficiente con la que se corrige. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica F30 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
