- Nivel:A
- Versión:2.0
- 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
| Línea 41: | Línea 41: | ||
=== Descripción y comprensión del criterio === | === Descripción y comprensión del criterio === | ||
<div class="wcag-info-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. | Cuando un enlace y una imagen actúan como enlace al mismo recurso, deben combinarse en un solo enlace para simplificar la navegación. | ||
</div> | |||
==== Descripción resumida ==== | ==== Descripción resumida ==== | ||
Revisión del 21:19 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
Se muestra la información del tipo de formato del fichero en el texto alternativo.
<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.
