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

De WCAG Wiki
Sin resumen de edición
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

  • Icono de una persona con baja visión Personas con baja visión - Barera moderada
  • Icono discapacidad cognitiva 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="">