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

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 38: Línea 38:
-->
-->
</html>
</html>
=== Descripción y comprensión del criterio ===
==== 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>
==== Objetivo ====
<div class="wcag-info-criterio"> Ayudar a los usuarios que no pueden ver los iconos a entender su propósito. </div>
==== Importancia de cumplir el criterio ====
<div class="wcag-info-criterio"> Un botón con una imagen sin descripción funcional impide al usuario saber qué acción realiza. </div>
==== Referencias WCAG ====
<div class="wcag-info-criterio"> * <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 ====
<div class="wcag-info-criterio"> * [https://www.w3.org/WAI/tutorials/images/decision-tree/ Árbol de decisión de W3C] </div>
=== Evaluación del criterio ===
==== Tipo de comprobación ====
<div class="wcag-info-criterio"><strong>Manual</strong></div>
==== Procedimiento de evaluación ====
<div class="wcag-info-criterio"> <span class="paso-badge>Paso 1.</span> Localiza imágenes dentro de enlaces o botones. <span class="paso-badge>Paso 2.</span> Comprueba que el <code>alt</code> indica su función, no su aspecto. </div>
==== Ejemplo ====
<div class="wcag-info-criterio"> <pre class="wcag-codigo-html"> <input type="image" src="enviar.png" alt="Enviar formulario"> </pre> </div>

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

* Técnica G82 – Identificar propósito del contenido no textual

Recursos de apoyo

* Árbol de decisión de W3C

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">
Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.1_Texto_Alternativo/1.1.1-G&oldid=1375»