- Nivel:A
- Versión:2.2
- Principio:1. Perceptible
- Pauta:1.1 Textos alternativos
- Categoría:Contenido
- Subcategoría:No-texto
Usuarios más afectados
Personas con discapacidad visual total - Barrera grave
Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1-H»
De WCAG Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 18: | Línea 18: | ||
<li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" /> | <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" /> | ||
<span>Personas con discapacidad visual total - <span class="gravedad">Barrera grave</span></span></li> | <span>Personas con discapacidad visual total - <span class="gravedad">Barrera grave</span></span></li> | ||
</ul> | </ul> | ||
</section> | </section> | ||
| Línea 28: | Línea 24: | ||
</html> | </html> | ||
[[Categoría: Visual total]] | [[Categoría: Visual total]] | ||
[[Categoría: Contenido]] | [[Categoría: Contenido]] | ||
Revisión del 07:24 24 oct 2025
1.1.1-H. Combinación de enlaces e imágenes
Descripción y comprensión del criterio
Cuando un enlace y una imagen actúan como enlace al mismo recurso, deben combinarse en un solo enlace para simplificar la navegación.
Descripción resumida
Si una imagen y un texto enlazan al mismo destino, deben unirse en un solo enlace.
Así se evita duplicar información para usuarios de teclado o lector de pantalla.
Objetivo
Mejorar la eficiencia y claridad de la navegación.
Importancia de cumplir el criterio
Evita que una persona encuentre dos enlaces iguales seguidos, lo que causa confusión.
Referencias WCAG
Evaluación del criterio
Tipo de comprobación
Comprobación Manual
Es necesario revisar visualmente las imágenes y leer las descripciones para comprobar que la información esté completa.
Procedimiento de evaluación
Paso 1. Usa la herramienta de Web Developer Toolbar.
Paso 2. Verificar enlaces consecutivos que llevan al mismo recurso.
Paso 3. Asegurarse de que estén combinados en un solo <a>.
Ejemplo
<a href="informe.pdf"> <img src="pdf.gif" alt="en formato PDF"> Informe anual </a>
Otras herramientas de evaluación
Lector de pantalla
Uso de lectores de pantalla como JAWS, NVDA o VoiceOver, para comprobar que la información que se escucha al acceder a un enlace no se duplica.
Inspector del navegador
Puedes usar la herramienta de inspección del navegador para comprobar como se ha incluido la información de las imágenes y enlaces que forman parte del mismo próposito.
