Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1-H»

De WCAG Wiki
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>&lt;a&gt;</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>&lt;a&gt;</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

  • Icono de una persona con discapacidad visual Personas con discapacidad visual total - Barrera grave
  • Icono discapacidad cognitiva 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>