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

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Línea 80: Línea 80:
==== Procedimiento de evaluación ====
==== Procedimiento de evaluación ====


<div class="wcag-info-criterio"> <span class="paso-badge>Paso 1.</span> Localiza imágenes dentro de enlaces o botones. <span class="paso-badge>Paso 2.</span> Comprueba que el <code>alt</code> indica su función, no su aspecto. </div>
<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> Localiza imágenes dentro de enlaces o botones.  
 
<span class="paso-badge>Paso 3.</span> Comprueba que el <code>alt</code> indica su función, no su aspecto.  
 
</div>


==== Ejemplo ====
==== Ejemplo ====


<div class="wcag-info-criterio"> <pre class="wcag-codigo-html"> <input type="image" src="enviar.png" alt="Enviar formulario"> </pre> </div>
<div class="wcag-info-criterio"> <pre class="wcag-codigo-html"> <input type="image" src="enviar.png" alt="Enviar formulario"> </pre> </div>

Revisión del 08:29 22 oct 2025

1.1.1- G. Texto alternativo en imágenes funcionales

  • 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 motriz Personas con discapacidad motriz – Barrera leve
  • Icono discapacidad cognitiva Personas con discapacidad cognitiva – Barrera moderada


Descripción y comprensión del criterio

Descripción resumida

Las imágenes que son botones, enlaces o acciones deben tener un alt que explique su función, no su forma.

Por ejemplo: alt="Buscar", no alt="Lupa".

Objetivo

Ayudar a los usuarios que no pueden ver los iconos a entender su propósito.

Importancia de cumplir el criterio

Un botón con una imagen sin descripción funcional impide al usuario saber qué acción realiza.

Referencias WCAG

Recursos de apoyo

* Tutorial de W3C sobre imagenes funcionales

Evaluación del criterio

Tipo de comprobación

Comprobación Manual

Es necesario revisar visualmente las imágenes funcionales (que realizan alguna función al interactuar con ellas y observar si su descripción contiene la acción que realizan.

Procedimiento de evaluación

Paso 1. Usa la herramienta de Web Developer Toolbar.

Paso 2. Localiza imágenes dentro de enlaces o botones.

Paso 3. Comprueba que el alt indica su función, no su aspecto.

Ejemplo

 <input type="image" src="enviar.png" alt="Enviar formulario">
Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.1_Texto_Alternativo/1.1.1-G&oldid=1383»