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

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestra una edición intermedia del mismo usuario)
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/WCAG21/Techniques/general/G80 G80: Providing a submit button to initiate a change of context]</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/WCAG21/Techniques/html/H32 H32: Providing submit buttons]</span></li>
      <li><span class="label">Categoría:</span><span class="value">Interacción</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/html/H84 H84: Using a button with a select element to perform an action]</span></li>
      <li><span class="label">Subcategoría:</span><span class="value">Entradas</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G13 G13: Describing what will happen before a change to a form control that causes a change of context to occur is made]</span></li>
    </ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F36 F36: Failure due to automatically submitting a form and giving a value]</span></li>
  </section>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F37 F37: Failure due to launching a new window without prior warning when the selection of a radio button, check box, or select list is changed]</span></li>
  <section class="wcag-users">
</ul>
    <p>Usuarios más afectados</p>
 
    <ul>
 
      <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>
|wcag_recursos= No se presentan
      <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>
Localizar los elementos de interacción de la página (p. ej., casilla de verificación, <code>&lt;select&gt;</code>, campo de texto…).
</li>
 
<li><span class="paso-badge">Paso 2.</span>
Cambiar el valor de dicho elemento.
</li>
 
<li><span class="paso-badge">Paso 3.</span>
Verificar que no se produce ningún cambio de contexto, a menos que se avise previamente a los usuarios.
</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">
Interacción predecible sin auto-cambio
<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>
 
 
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>'''Prueba con teclado y ratón''': interactuar con controles (selectores, checkboxes, radio buttons, sliders, campos de formulario) y comprobar que al cambiar su valor no se produce navegación, envío de formulario, apertura de ventanas, recarga o movimiento de foco sin aviso previo.</li>
<li>'''Inspección del código''': revisar eventos como <code>onchange</code>, <code>input</code>, <code>click</code> o <code>keyup</code> y confirmar que no desencadenan cambios de contexto automáticos sin confirmación explícita del usuario.</li>
<li>'''Lectores de pantalla''': (NVDA, JAWS, VoiceOver) modificar valores y verificar que la interacción no provoca saltos inesperados, recargas automáticas ni pérdida de foco.</li>
<li>'''Validadores y herramientas de inspección''': usar DevTools y herramientas de análisis de accesibilidad para detectar scripts que reaccionan a cambios de valor sin proporcionar mecanismos de confirmación o aviso visible/sonoro previo.</li>
</ul>
 
}}

Revisión actual - 06:18 6 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

No se presentan

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Localizar los elementos de interacción de la página (p. ej., casilla de verificación, <select>, campo de texto…).
  2. Paso 2. Cambiar el valor de dicho elemento.
  3. Paso 3. Verificar que no se produce ningún cambio de contexto, a menos que se avise previamente a los usuarios.

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>

Otras herramientas de evaluación

  • Prueba con teclado y ratón: interactuar con controles (selectores, checkboxes, radio buttons, sliders, campos de formulario) y comprobar que al cambiar su valor no se produce navegación, envío de formulario, apertura de ventanas, recarga o movimiento de foco sin aviso previo.
  • Inspección del código: revisar eventos como onchange, input, click o keyup y confirmar que no desencadenan cambios de contexto automáticos sin confirmación explícita del usuario.
  • Lectores de pantalla: (NVDA, JAWS, VoiceOver) modificar valores y verificar que la interacción no provoca saltos inesperados, recargas automáticas ni pérdida de foco.
  • Validadores y herramientas de inspección: usar DevTools y herramientas de análisis de accesibilidad para detectar scripts que reaccionan a cambios de valor sin proporcionar mecanismos de confirmación o aviso visible/sonoro previo.










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=3553»