Principio 1/1.1 Texto Alternativo/1.1.1-H
De WCAG Wiki
1.1.1-H. Combinación de enlaces e imágenes
- Nivel: A
- Versión: 2.0
- Principio: 1_Perceptible
- Pauta: 1.1_Textos_alternativos
- Grupo: Contenido
- Subgrupo: No-texto
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Visual total
–
Barrera grave
Enunciado del criterio (Observatorio de Accesibilidad Web)
- Cuando una imagen y un texto enlazan al mismo destino, deben combinarse en un solo enlace para evitar duplicar información para los usuarios de lector de pantalla o navegación por teclado.
Comprensión del criterio
Descripción resumida
Si una imagen y un texto apuntan al mismo recurso, ambos deben estar dentro del mismo enlace.
Esto evita que las tecnologías de apoyo anuncien dos enlaces iguales consecutivos, lo cual genera confusión y navegación ineficiente.
Objetivo
Optimizar la claridad y la eficiencia de la navegación para usuarios de lectores de pantalla o teclado, evitando redundancias innecesarias.
Importancia de cumplir el criterio
Cuando los enlaces están duplicados, un usuario con discapacidad visual puede escuchar dos veces el mismo destino.
Esto dificulta la comprensión y ralentiza la navegación.
Unirlos en un solo enlace evita confusiones.Referencias WCAG
Recursos de apoyo
No hay
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Paso 1. Identificar imágenes que actúan como enlaces junto a texto enlazado al mismo destino.
- Paso 2. Usar Web Developer Toolbar para mostrar atributos ALT.
- Paso 3. Confirmar que imagen y texto se encuentran dentro del mismo enlace.
Resultado esperado
Imagen y texto enlazados al mismo destino están unidos en un solo enlace accesible, evitando duplicación de enlaces.
Ejemplo ilustrativo
Ejemplo correcto:
<a href="informe.pdf"><img src="pdf.gif" alt="en formato PDF"> Informe anual</a>
Otras herramientas de evaluación
Lector de pantalla: JAWS, NVDA, VoiceOver
Verificar que solo se anuncia un enlace.
Inspector del navegador:
Confirmar que imagen y texto están dentro del mismo<a>.
Ejemplos accesibles y no accesibles creados por alumnos
| Última modificación | |
|---|---|
| 2526UFV1.1.1-H-002 | 11 enero 2026 15:50:00 |
| 2525UPSA1.1.1-H-001 | 18 diciembre 2025 15:53:59 |
| 2526UPSA1.1.1-H-000 | 18 diciembre 2025 10:43:19 |
Comentarios
A continuación se muestran comentarios sobre el criterio 1.1.1-H. Combinación de enlaces e imágenes
Loading comments...
