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

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Línea 1: Línea 1:
== '''3.2.1-A. Al recibir el foco''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=3.2.1
  Análisis interno:
|id_wcag_subcriterio=3.2.1-A
  Este criterio impacta principalmente a: Personas con discapacidad motriz y cognitiva.
|wcag_titulo_criterio=3.2.1-A. Al recibir el foco
  Problema grave: Si un elemento cambia el contexto al recibir el foco, los usuarios con movilidad reducida o dificultades cognitivas pueden perder la ubicación, el control o el progreso de la tarea.
|wcag_nivel=A
  Gravedad: Barrera grave, ya que provoca pérdida total de control de navegación y desorientación.
|wcag_version=2.0
-->
|wcag_principio=3_Comprensible
<html>
|wcag_principio_url=Principio_3
<!-- criterio 3.2.1-A -->
|wcag_pauta=3.2_Predecible
<article class="wcag-card">
|wcag_pauta_url=Principio_3/3.2_Predecible
   <section class="wcag-info">
|wcag_grupo=Comportamiento
    <ul>
|wcag_subgrupo=Cambios_de_contexto
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
|wcag_subcriterio_url=Principio_3/3.2_Predecible/3.2.1-A
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
 
      <li><span class="label">Principio:</span><span class="value">3. Comprensible</span></li>
|wcag_discapacidades=
      <li><span class="label">Pauta:</span><span class="value">3.2 El sistema debe ser operable y previsible en diferentes formas</span></li>
<li class="discapacidad-item">
      <li><span class="label">Categoría:</span><span class="value">Interacción</span></li>
   [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
      <li><span class="label">Subcategoría:</span><span class="value">Foco</span></li>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span> –
    </ul>
  <span class="gravedad gravedad-grave">Barrera grave</span>
  </section>
</li>
  <section class="wcag-users">
<li class="discapacidad-item">
    <p>Usuarios más afectados</p>
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
    <ul>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
      <li><img src="/images/0/06/Motriz.png" alt="Icono discapacidad motriz" class="icono-discapacidad" /> Personas con discapacidad motriz – <span class="gravedad">Barrera grave</span></li>
  <span class="gravedad gravedad-grave">Barrera grave</span>
      <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>
</li>
    </ul>
 
  </section>
|wcag_lista_discapacidades=
</article>
[[Categoría:Discapacidad motriz]]
</html>
[[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>Understanding Success Criterion 3.2.1: On Focus (W3C)</li>
<li>WCAG Quick Reference – 3.2.1</li>
<li>WebAIM — Predictable forms and navigation</li>
</ul>
 
|wcag_recursos=
<ul>
<li>Buenas prácticas en formularios accesibles</li>
<li>Evitar <code>onfocus</code> que provoque cambios de contexto</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Navegar con Tab / Shift+Tab.</li>
<li><span class="paso-badge">Paso 2.</span> Verificar ausencia de cambios de contexto al enfocar.</li>
<li><span class="paso-badge">Paso 3.</span> Revisar <code>onfocus</code> / <code>focus()</code> / auto-submit.</li>
<li><span class="paso-badge">Paso 4.</span> Confirmar que las acciones requieren interacción explícita.</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">
<strong>✅ Accesible: foco sin activar acciones</strong>
<pre class="wcag-codigo-html">
<input type="text" placeholder="Escribe tu nombre">
</pre>
</div>
 
<div class="accessibility-card">
<strong>❌ No accesible: cambio al recibir foco</strong>
<pre class="wcag-codigo-html">
<a href="/otra-pagina" onfocus="window.location='/otra-pagina'">Ir a otra página</a>
</pre>
</div>
 
<div class="accessibility-card">
<strong>✅ Alternativa accesible</strong>
<pre class="wcag-codigo-html">
<a href="/otra-pagina">Ir a otra página</a>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Navegación por teclado</li>
<li>Inspección de eventos onfocus</li>
<li>JAWS / NVDA / VoiceOver</li>
<li>DevTools → Event listeners</li>
</ul>
}}

Revisión del 12:12 5 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

  • Understanding Success Criterion 3.2.1: On Focus (W3C)
  • WCAG Quick Reference – 3.2.1
  • WebAIM — Predictable forms and navigation

Recursos de apoyo

  • Buenas prácticas en formularios accesibles
  • Evitar onfocus que provoque cambios de contexto

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Navegar con Tab / Shift+Tab.
  2. Paso 2. Verificar ausencia de cambios de contexto al enfocar.
  3. Paso 3. Revisar onfocus / focus() / auto-submit.
  4. Paso 4. Confirmar que las acciones requieren interacción explícita.

Resultado esperado

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

Ejemplo

✅ Accesible: foco sin activar acciones 

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

❌ No accesible: cambio al recibir foco 

<a href="/otra-pagina" onfocus="window.location='/otra-pagina'">Ir a otra página</a>

✅ Alternativa accesible 

<a href="/otra-pagina">Ir a otra página</a>

Otras herramientas de evaluación

  • Navegación por teclado
  • Inspección de eventos onfocus
  • JAWS / NVDA / VoiceOver
  • DevTools → Event listeners










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