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

De WCAG Wiki
VisualWikitexto
Página creada con «== '''3.2.2- A. 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''' == '''A) EJEMPLO ACCESIBLE:''' '''B) EJEMPLO NO ACCESIBLE:'''»
 
Sin resumen de edición
 
(No se muestran 2 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
== '''3.2.2- A. 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''' ==
{{CriterioWCAG
'''A) EJEMPLO ACCESIBLE:'''
|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


'''B) EJEMPLO NO ACCESIBLE:'''
|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.
 
|wcag_descripcion_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.
 
|wcag_objetivo=
Garantizar interacciones predecibles, evitando que usuarios pierdan el contexto o interrumpan tareas al introducir información o cambiar un control.
 
|wcag_importancia=
Evita desorientación, pérdida de progreso y errores de navegación, especialmente en usuarios de teclado, lectores de pantalla o con dificultades cognitivas.
 
|wcag_referencias=
<ul>
<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 lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/html/H32 H32: Providing submit buttons]</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 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>
<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>
<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>
</ul>
 
 
|wcag_recursos= No se presentan
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<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»