Diferencia entre revisiones de «Principio 2/2.1 Teclado Accesible/2.1.2-A»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
== '''2.1.2-A. Sin trampas para el foco''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=2.1.2
  Análisis interno:
|id_wcag_subcriterio=2.1.2-A
  Este criterio impacta principalmente a: Personas con discapacidad motriz 
|wcag_titulo_criterio=2.1.2-A. Sin trampas para el foco
  Problema grave: Si el foco del teclado queda atrapado, los usuarios no pueden navegar de manera lineal, lo que impide acceder a contenido y controles esenciales, generando barreras graves.
|wcag_nivel=A
-->
|wcag_version=2.2
<html>
|wcag_principio=2_Operable
<!-- criterio 2.1.2-A -->
|wcag_principio_url=Principio_2
<article class="wcag-card">
|wcag_pauta=2.1_Controlar_desde_teclado
   <section class="wcag-info">
|wcag_pauta_url=Principio_2/2.1_Controlar_desde_teclado
    <ul>
|wcag_grupo=Interaccion
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
|wcag_subgrupo=Foco_del_teclado
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
 
      <li><span class="label">Principio:</span><span class="value">2. Operable</span></li>
|wcag_discapacidades=
      <li><span class="label">Pauta:</span><span class="value">2.1 Poder controlar funciones desde el teclado</span></li>
<li class="discapacidad-item">
      <li><span class="label">Categoría:</span><span class="value">Navegación</span></li>
   [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
      <li><span class="label">Subcategoría:</span><span class="value">Foco del teclado</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">
 
    <p>Usuarios más afectados</p>
|wcag_lista_discapacidades=
    <ul>
[[Categoría:Discapacidad motriz]]
      <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>
 
    </ul>
|wcag_texto_criterioOAW=
  </section>
Si es posible mover el foco a un componente de la página utilizando el teclado, entonces el foco se puede quitar de dicho componente usando solo el teclado. 
</article>
Si se requiere un mecanismo distinto de las teclas estándar (Tab, Shift+Tab, flechas), se debe informar al usuario.
</html>
 
|wcag_descripcion_resumida=
Este criterio garantiza que el foco de teclado no quede atrapado en ningún elemento. 
El usuario debe poder entrar y salir de cualquier componente interactivo usando solo el teclado, sin necesidad de ratón. 
Si un control requiere otra acción para salir, debe estar indicada.
 
|wcag_objetivo=
Evitar que los usuarios queden atrapados en un componente o sección de la página al navegar con teclado. 
Permite recuperar el control y continuar el flujo de navegación.
 
|wcag_importancia=
Si el foco se bloquea, los usuarios que dependen del teclado no pueden seguir navegando, completar tareas ni salir del componente. 
Esto puede provocar abandono de la página o imposibilidad total de uso.
 
|wcag_referencias=
<ul>
<li>G21: Evitar trampas de foco</li>
<li>F10: Fallos por bloquear el foco</li>
</ul>
 
|wcag_recursos=
<ul>
<li>Probar navegación solo con teclado</li>
<li>Asegurar que menús, diálogos y elementos interactivos permiten salir con Tab/Shift+Tab</li>
<li>Informar si se necesita otra tecla para salir (por ejemplo, Escape)</li>
</ul>
 
|wcag_tipo_evaluacion=Comprobación manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Navegar por toda la página con teclado.</li>
<li><span class="paso-badge">Paso 2.</span> Entrar en componentes interactivos (menús, pop-ups, sliders, iframes, componentes JS).</li>
<li><span class="paso-badge">Paso 3.</span> Verificar que es posible salir usando solo el teclado (Tab, Shift+Tab, o indicación clara si requiere otra tecla).</li>
</ol>
 
|wcag_resultado_evaluacion=
El foco del teclado puede entrar y salir de cualquier componente sin quedar atrapado.
 
|wcag_ejemplo_evaluacion=
Una ventana modal accesible permite cerrarse con teclado (Esc o botón con foco) y devuelve el foco al elemento que la abrió.
Un iframe accesible permite entrar y salir con Tab/Shift+Tab.
 
|wcag_otras_herramientas_evaluacion=
Prueba manual con teclado
}}

Revisión del 19:16 4 nov 2025

2.1.2-A. Sin trampas para 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)

  • Si es posible mover el foco a un componente de la página utilizando el teclado, entonces el foco se puede quitar de dicho componente usando solo el teclado. Si se requiere un mecanismo distinto de las teclas estándar (Tab, Shift+Tab, flechas), se debe informar al usuario.

Comprensión del criterio

Descripción resumida

Este criterio garantiza que el foco de teclado no quede atrapado en ningún elemento.

El usuario debe poder entrar y salir de cualquier componente interactivo usando solo el teclado, sin necesidad de ratón.

Si un control requiere otra acción para salir, debe estar indicada.

Objetivo

Evitar que los usuarios queden atrapados en un componente o sección de la página al navegar con teclado. Permite recuperar el control y continuar el flujo de navegación.

Importancia de cumplir el criterio

Si el foco se bloquea, los usuarios que dependen del teclado no pueden seguir navegando, completar tareas ni salir del componente. Esto puede provocar abandono de la página o imposibilidad total de uso.

Referencias WCAG

  • G21: Evitar trampas de foco
  • F10: Fallos por bloquear el foco

Recursos de apoyo

  • Probar navegación solo con teclado
  • Asegurar que menús, diálogos y elementos interactivos permiten salir con Tab/Shift+Tab
  • Informar si se necesita otra tecla para salir (por ejemplo, Escape)

Evaluación del criterio

Tipo de evaluación

Procedimiento de evaluación

  1. Paso 1. Navegar por toda la página con teclado.
  2. Paso 2. Entrar en componentes interactivos (menús, pop-ups, sliders, iframes, componentes JS).
  3. Paso 3. Verificar que es posible salir usando solo el teclado (Tab, Shift+Tab, o indicación clara si requiere otra tecla).

Resultado esperado

El foco del teclado puede entrar y salir de cualquier componente sin quedar atrapado.

Ejemplo

Una ventana modal accesible permite cerrarse con teclado (Esc o botón con foco) y devuelve el foco al elemento que la abrió. Un iframe accesible permite entrar y salir con Tab/Shift+Tab.

Otras herramientas de evaluación

Prueba manual con teclado










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.1.2-A. Sin trampas para el foco

Loading comments...