|
|
| Línea 33: |
Línea 33: |
| --> | | --> |
| </html> | | </html> |
| | |
| | |
| | === Descripción y comprensión del criterio === |
| | |
| | ==== Descripción resumida ==== |
| | |
| | <div class="wcag-info-criterio"> Las imágenes decorativas no deben ser leídas por los lectores de pantalla. Para ello, usa <code>alt=""</code> o insértalas con CSS. </div> |
| | |
| | ==== Objetivo ==== |
| | |
| | <div class="wcag-info-criterio"> Reducir distracciones y ruido visual o auditivo innecesario. </div> |
| | |
| | ==== Importancia de cumplir el criterio ==== |
| | |
| | <div class="wcag-info-criterio"> Si un lector de pantalla lee imágenes decorativas, se interrumpe la comprensión del contenido. </div> |
| | |
| | ==== Referencias WCAG ==== |
| | |
| | <div class="wcag-info-criterio"> * <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/html/H67 Técnica H67 – Texto alternativo nulo para imágenes decorativas]</span> * <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/css/C9 Técnica C9 – Uso de CSS para imágenes decorativas]</span> </div> |
| | |
| | ==== Ejemplo ==== |
| | |
| | <div class="wcag-info-criterio"> <pre class="wcag-codigo-html"> <img src="separador.gif" alt=""> </pre> </div> |
Revisión del 09:02 22 oct 2025
1.1.1-K. Imágenes decorativas
- 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
Personas con baja visión - Barera moderada
-
Personas con discapacidad cognitiva – Barrera leve
Descripción y comprensión del criterio
Descripción resumida
Las imágenes decorativas no deben ser leídas por los lectores de pantalla. Para ello, usa alt="" o insértalas con CSS.
Objetivo
Reducir distracciones y ruido visual o auditivo innecesario.
Importancia de cumplir el criterio
Si un lector de pantalla lee imágenes decorativas, se interrumpe la comprensión del contenido.
Referencias WCAG
Ejemplo
<img src="separador.gif" alt="">