| Línea 91: | Línea 91: | ||
==== Ejemplo ==== | ==== Ejemplo ==== | ||
<div class="wcag-info-criterio"> | <div class="wcag-info-criterio"> | ||
<pre class="wcag-codigo-html"> | <pre class="wcag-codigo-html"> | ||
<input type="image" src="iconobuscar.png" alt="Buscar"> | <input type="image" src="iconobuscar.png" alt="Buscar"> | ||
<input type="image" src="enviar.png" alt="Enviar formulario"> | <input type="image" src="enviar.png" alt="Enviar formulario"> | ||
</pre> | </pre> | ||
</div> | </div> | ||
Usuarios más afectados
Personas con discapacidad visual total - Barrera grave
Personas con discapacidad motriz – Barrera leve
Personas con discapacidad cognitiva – Barrera moderada
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".
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.
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.
<input type="image" src="iconobuscar.png" alt="Buscar"> <input type="image" src="enviar.png" alt="Enviar formulario">
