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

De WCAG Wiki
← Edición anterior
VisualWikitexto
Alex student (discusión | contribs.)
alumnos
37 ediciones
Sin resumen de edición
 
(No se muestran 4 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
== '''3.2.1- A. Asegurar que cuando cualquier componente recibe el foco, no se produzca ningún cambio de contexto inesperado.''' ==
{{CriterioWCAG
'''A) EJEMPLO ACCESIBLE:'''
|id_wcag_criterio=3.2.1
|id_wcag_subcriterio=3.2.1-A
|wcag_titulo_criterio=3.2.1-A. Al recibir el foco
|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.1-A


Nuevo Ejemplo accesible
|wcag_discapacidades=
<li class="discapacidad-item">
  [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span> –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
<li class="discapacidad-item">
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>


'''B) EJEMPLO NO ACCESIBLE:'''
|wcag_lista_discapacidades=
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad cognitiva]]
 
|wcag_texto_criterioOAW=
Cuando un elemento recibe el foco del teclado no se debe iniciar ningún cambio de contexto.
 
|wcag_descripcion_resumida=
Obtener el foco no debe provocar acciones automáticas como redirecciones, envío de formularios o apertura de elementos sin intervención explícita del usuario.
 
|wcag_objetivo=
Mantener la navegación predecible y bajo control del usuario, evitando desorientación o pérdida de progreso.
 
|wcag_importancia=
Fundamental para usuarios que navegan con teclado o tecnologías de apoyo; un cambio inesperado puede impedir completar tareas o perder información.
 
|wcag_referencias=
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G107 G107: Using "activate" rather than "focus" as a trigger for changes of context]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F55 F55: Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received]</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>
Navegar por el contenido de la página utilizando el teclado.
</li>
 
<li><span class="paso-badge">Paso 2.</span>
Verificar que no se produce ningún cambio de contexto cuando un elemento recibe el foco.
</li>
</ol>
 
|wcag_resultado_evaluacion=
El foco no desencadena cambios de contexto; las acciones sólo ocurren tras interacción explícita del usuario.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
Foco sin activar acciones
<pre class="wcag-codigo-html">
<input type="text" placeholder="Escribe tu nombre">
</pre>
</div>
 
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>'''Prueba con teclado''': navegar con <kbd>Tab</kbd> y <kbd>Shift+Tab</kbd> asegurando que al recibir el foco ningún elemento provoca cambios de contexto (p. ej., abrir nuevas páginas, enviar formularios, cambiar de sección o mostrar diálogos sin acción del usuario).</li>
<li>'''Inspección del código''': revisar que los eventos asociados al enfoque (<code>onfocus</code>, <code>focus</code>) no desencadenan navegación, envío de formularios ni otros cambios inesperados.</li>
<li>'''Lectores de pantalla''': (NVDA, JAWS, VoiceOver) comprobar que al navegar por elementos interactivos no se producen saltos bruscos, cargas de páginas o mensajes emergentes automáticos solo por enfocar.</li>
<li>'''Herramientas de inspección''': usar DevTools para detectar scripts que escuchen eventos de foco y validar que solo activan acciones cuando hay confirmación explícita del usuario (click/enter/space).</li>
</ul>
}}

Revisión actual - 06:16 6 nov 2025

3.2.1-A. Al recibir el foco

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)

  • Cuando un elemento recibe el foco del teclado no se debe iniciar ningún cambio de contexto.

Comprensión del criterio

Descripción resumida

Obtener el foco no debe provocar acciones automáticas como redirecciones, envío de formularios o apertura de elementos sin intervención explícita del usuario.

Objetivo

Mantener la navegación predecible y bajo control del usuario, evitando desorientación o pérdida de progreso.

Importancia de cumplir el criterio

Fundamental para usuarios que navegan con teclado o tecnologías de apoyo; un cambio inesperado puede impedir completar tareas o perder información.

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. Navegar por el contenido de la página utilizando el teclado.
  2. Paso 2. Verificar que no se produce ningún cambio de contexto cuando un elemento recibe el foco.

Resultado esperado

El foco no desencadena cambios de contexto; las acciones sólo ocurren tras interacción explícita del usuario.

Ejemplo

Foco sin activar acciones 

<input type="text" placeholder="Escribe tu nombre">

Otras herramientas de evaluación

  • Prueba con teclado: navegar con Tab y Shift+Tab asegurando que al recibir el foco ningún elemento provoca cambios de contexto (p. ej., abrir nuevas páginas, enviar formularios, cambiar de sección o mostrar diálogos sin acción del usuario).
  • Inspección del código: revisar que los eventos asociados al enfoque (onfocus, focus) no desencadenan navegación, envío de formularios ni otros cambios inesperados.
  • Lectores de pantalla: (NVDA, JAWS, VoiceOver) comprobar que al navegar por elementos interactivos no se producen saltos bruscos, cargas de páginas o mensajes emergentes automáticos solo por enfocar.
  • Herramientas de inspección: usar DevTools para detectar scripts que escuchen eventos de foco y validar que solo activan acciones cuando hay confirmación explícita del usuario (click/enter/space).










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 3.2.1-A. Al recibir el foco

Loading comments...




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