|
|
| Línea 58: |
Línea 58: |
| <div class="wcag-info-criterio"> | | <div class="wcag-info-criterio"> |
| * <span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html| Comprender el criterio 1.1.1 (en inglés)]</span> | | * <span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html| Comprender el criterio 1.1.1 (en inglés)]</span> |
| * <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/general/G82 Técnica G82 – Identificar propósito del contenido no textual]</span> </div>
| | * <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/general/G82 Técnica G82 – Identificar propósito del contenido no textual]</span> </div> |
|
| |
|
| ==== Recursos de apoyo ==== | | ==== Recursos de apoyo ==== |
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
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">