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

De WCAG Wiki
Línea 44: Línea 44:
==== Descripción resumida ====
==== Descripción resumida ====


<div class="wcag-info-criterio"> Las imágenes que son botones, enlaces o acciones deben tener un <code>alt</code> que explique su función, no su forma. Por ejemplo: <code>alt="Buscar"</code>, no <code>alt="Lupa"</code>. </div>
<div class="wcag-info-criterio"> Las imágenes que son botones, enlaces o acciones deben tener un <code>alt</code> que explique su función, no su forma.  
 
Por ejemplo: <code>alt="Buscar"</code>, no <code>alt="Lupa"</code>. </div>


==== Objetivo ====
==== Objetivo ====

Revisión del 08:26 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

Evaluación del criterio

Tipo de comprobación

Manual

Procedimiento de evaluación

Paso 1. Localiza imágenes dentro de enlaces o botones. Paso 2. Comprueba que el alt indica su función, no su aspecto.

Ejemplo

 <input type="image" src="enviar.png" alt="Enviar formulario">