1.1.1-H. Combinación de enlaces e imágenes
- 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
-
Personas con discapacidad cognitiva – Barrera leve
Descripción y comprensión del criterio
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.