|
|
| Línea 71: |
Línea 71: |
| ==== Procedimiento de evaluación ==== | | ==== Procedimiento de evaluación ==== |
|
| |
|
| <div class="wcag-info-criterio"> <span class="paso-badge>Paso 1.</span> Verificar enlaces consecutivos que llevan al mismo recurso. <span class="paso-badge>Paso 2.</span> Asegurarse de que estén combinados en un solo <code><a></code>. </div> | | <div class="wcag-info-criterio"> |
| | |
| | <div class="wcag-info-criterio"> |
| | <span class="paso-badge>Paso 1.</span> |
| | Usa la herramienta de ''' [https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es Web Developer Toolbar].''' |
| | |
| | <span class="paso-badge>Paso 2.</span> Verificar enlaces consecutivos que llevan al mismo recurso. |
| | |
| | <span class="paso-badge>Paso 3.</span> Asegurarse de que estén combinados en un solo <code><a></code>. |
| | |
| | </div> |
|
| |
|
| ==== Ejemplo ==== | | ==== Ejemplo ==== |
|
| |
|
| <div class="wcag-info-criterio"> <pre class="wcag-codigo-html"> <a href="informe.pdf"> <img src="pdf.gif" alt="en formato PDF"> Informe anual </a> </pre> </div> | | <div class="wcag-info-criterio"> <pre class="wcag-codigo-html"> <a href="informe.pdf"> <img src="pdf.gif" alt="en formato PDF"> Informe anual </a> </pre> </div> |
Revisión del 08:36 22 oct 2025
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>