Diferencia entre revisiones de «Principio 3/3.2 Predecible/3.2.2-A»

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
{{CriterioWCAG
|id_wcag_criterio=3.2.2
|id_wcag_subcriterio=3.2.2-A
|wcag_titulo_criterio=3.2.2-A. Al recibir entradas
|wcag_nivel=A
|wcag_version=2.0
|wcag_principio=3_Comprensible
|wcag_principio_url=Principio_3
|wcag_pauta=3.2_Predecible
|wcag_pauta_url=Principio_3/3.2_Predecible
|wcag_grupo=Comportamiento
|wcag_subgrupo=Cambios_de_contexto
|wcag_subcriterio_url=Principio_3/3.2_Predecible/3.2.2-A


== '''3.2.2-A. Al recibir entradas''' ==
|wcag_texto_criterioOAW=
<!-- 
No se debe provocar ningún cambio de contexto cuando se cambia el estado, configuración o valor de cualquier elemento de interacción, a menos que se haya avisado previamente a los usuarios.
  Análisis interno:
 
  Este criterio afecta principalmente a: Personas con discapacidad cognitiva y motriz. 
|wcag_descripcion_resumida=
  Problema grave: Si los cambios de contexto se activan automáticamente al modificar un valor, los usuarios pueden perder información o control sin haberlo previsto.
Modificar un campo o activar un control no debe desencadenar automáticamente cambios importantes —como enviar formularios, redirigir o abrir paneles— sin aviso previo.
  Gravedad: Barrera grave, ya que interrumpe la comprensión y el flujo de interacción.
 
-->
|wcag_objetivo=
<html>
Garantizar interacciones predecibles, evitando que usuarios pierdan el contexto o interrumpan tareas al introducir información o cambiar un control.
<!-- criterio 3.2.2-A -->
 
<article class="wcag-card">
|wcag_importancia=
  <section class="wcag-info">
Evita desorientación, pérdida de progreso y errores de navegación, especialmente en usuarios de teclado, lectores de pantalla o con dificultades cognitivas.
    <ul>
 
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
|wcag_referencias=
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
<ul>
      <li><span class="label">Principio:</span><span class="value">3. Comprensible</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/on-input.html Understanding Success Criterion 3.2.2: On Input]</span></li>
      <li><span class="label">Pauta:</span><span class="value">3.2 El sistema debe ser operable y previsible en diferentes formas</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#on-input WCAG Quick Reference – 3.2.2]</span></li>
      <li><span class="label">Categoría:</span><span class="value">Interacción</span></li>
<li>[https://webaim.org/techniques/forms/ WebAIM — Predictable Forms]</li>
      <li><span class="label">Subcategoría:</span><span class="value">Entradas</span></li>
</ul>
    </ul>
 
  </section>
|wcag_recursos=
  <section class="wcag-users">
<ul>
    <p>Usuarios más afectados</p>
<li>Evitar auto-submit sin confirmación</li>
    <ul>
<li>Diseño de formularios accesibles y predecibles</li>
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera grave</span></li>
</ul>
      <li><img src="/images/0/06/Motriz.png" alt="Icono discapacidad motriz" class="icono-discapacidad" /> Personas con discapacidad motriz – <span class="gravedad">Barrera moderada</span></li>
 
    </ul>
|wcag_tipo_evaluacion=Manual
  </section>
 
</article>
|wcag_pasos_evaluacion=
</html>
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Modificar valores en controles (select, radio, checkbox, sliders, inputs).</li>
<li><span class="paso-badge">Paso 2.</span> Confirmar que no ocurre envío automático, redirección o apertura inesperada.</li>
<li><span class="paso-badge">Paso 3.</span> Revisar código en busca de <code>onchange</code>, <code>oninput</code>, auto-submit o navegación automática.</li>
<li><span class="paso-badge">Paso 4.</span> Si existe acción automática, comprobar aviso claro previo.</li>
</ol>
 
|wcag_resultado_evaluacion=
Los cambios en controles no provocan cambios inesperados; si los hay, existe aviso previo.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<strong>✅ Interacción predecible sin auto-cambio</strong>
<pre class="wcag-codigo-html">
<label for="country">País</label>
<select id="country" name="country">
  <option>España</option>
  <option>México</option>
  <option>Argentina</option>
</select>
<button type="submit">Continuar</button>
</pre>
</div>
 
<div class="accessibility-card">
<strong>✅ Auto-acción avisada previamente</strong>
<pre class="wcag-codigo-html">
<p>Al seleccionar un idioma, la página se actualizará automáticamente.</p>
<label for="lang">Idioma</label>
<select id="lang" name="lang" onchange="location=this.value;">
  <option value="/es">Español</option>
  <option value="/en">Inglés</option>
</select>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Pruebas manuales en formularios</li>
<li>Inspección de eventos en DevTools</li>
<li>Lectores de pantalla: NVDA, JAWS, VoiceOver</li>
</ul>
}}

Revisión del 12:13 5 nov 2025

3.2.2-A. Al recibir entradas

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • No se debe provocar ningún cambio de contexto cuando se cambia el estado, configuración o valor de cualquier elemento de interacción, a menos que se haya avisado previamente a los usuarios.

{{{wcag_lista_discapacidades}}}

Comprensión del criterio

Descripción resumida

Modificar un campo o activar un control no debe desencadenar automáticamente cambios importantes —como enviar formularios, redirigir o abrir paneles— sin aviso previo.

Objetivo

Garantizar interacciones predecibles, evitando que usuarios pierdan el contexto o interrumpan tareas al introducir información o cambiar un control.

Importancia de cumplir el criterio

Evita desorientación, pérdida de progreso y errores de navegación, especialmente en usuarios de teclado, lectores de pantalla o con dificultades cognitivas.

Referencias WCAG

Recursos de apoyo

  • Evitar auto-submit sin confirmación
  • Diseño de formularios accesibles y predecibles

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Modificar valores en controles (select, radio, checkbox, sliders, inputs).
  2. Paso 2. Confirmar que no ocurre envío automático, redirección o apertura inesperada.
  3. Paso 3. Revisar código en busca de onchange, oninput, auto-submit o navegación automática.
  4. Paso 4. Si existe acción automática, comprobar aviso claro previo.

Resultado esperado

Los cambios en controles no provocan cambios inesperados; si los hay, existe aviso previo.

Ejemplo

✅ Interacción predecible sin auto-cambio 

<label for="country">País</label>
<select id="country" name="country">
  <option>España</option>
  <option>México</option>
  <option>Argentina</option>
</select>
<button type="submit">Continuar</button>

✅ Auto-acción avisada previamente 

<p>Al seleccionar un idioma, la página se actualizará automáticamente.</p>
<label for="lang">Idioma</label>
<select id="lang" name="lang" onchange="location=this.value;">
  <option value="/es">Español</option>
  <option value="/en">Inglés</option>
</select>

Otras herramientas de evaluación

  • Pruebas manuales en formularios
  • Inspección de eventos en DevTools
  • Lectores de pantalla: NVDA, JAWS, VoiceOver










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 3.2.2-A. Al recibir entradas

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_3/3.2_Predecible/3.2.2-A&oldid=3484»