Principio 1/1.1 Texto Alternativo/1.1.1-H

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

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

• Comprender el criterio 1.1.1 (en inglés)
• Técnica H2 – Combinar enlaces adyacentes de imagen y texto

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.