|
|
| Línea 33: |
Línea 33: |
| --> | | --> |
| </html> | | </html> |
| | |
| | |
| | === Descripción y comprensión del criterio === |
| | |
| | ==== Descripción resumida ==== |
| | |
| | <div class="wcag-info-criterio"> 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. </div> |
| | |
| | ==== Objetivo ==== |
| | |
| | <div class="wcag-info-criterio"> Mejorar la eficiencia y claridad de la navegación. </div> |
| | |
| | ==== Importancia de cumplir el criterio ==== |
| | |
| | <div class="wcag-info-criterio"> Evita que una persona encuentre dos enlaces iguales seguidos, lo que causa confusión. </div> |
| | |
| | ==== Referencias WCAG ==== |
| | |
| | <div class="wcag-info-criterio"> * <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/html/H2 Técnica H2 – Combinar enlaces adyacentes de imagen y texto]</span> </div> |
| | |
| | === Evaluación del criterio === |
| | ==== Tipo de comprobación ==== |
| | |
| | <div class="wcag-info-criterio"><strong>Manual</strong></div> |
| | |
| | ==== 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> |
| | |
| | ==== 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> |
Revisión del 08:33 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
Manual
Procedimiento de evaluación
Paso 1. Verificar enlaces consecutivos que llevan al mismo recurso. Paso 2. 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>