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 79: | Línea 79: | ||
|wcag_resultado_evaluacion= | |wcag_resultado_evaluacion= | ||
El foco del teclado puede entrar y salir de cualquier componente sin quedar atrapado. | El foco del teclado puede entrar y salir de cualquier componente sin quedar atrapado. | ||
|wcag_ejemplo_evaluacion= | |||
<div class="accessibility-card"> | |||
El usuario puede tabular libremente por todos los elementos y continuar su recorrido sin quedar atrapado. | |||
<pre class="wcag-codigo-html"> | |||
<article> | |||
<H1>Titulo informativo sobre el contenido</H1> | |||
<section aria-label="Información adicional"> | |||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> | |||
<p>Se muestra un <a href="#">enlace a una página</a>.</p> | |||
</section> | |||
</article> | |||
</pre> | |||
</div> | |||
|wcag_otras_herramientas_evaluacion= | |wcag_otras_herramientas_evaluacion= | ||
Revisión del 14:14 5 nov 2025
2.1.2-A. Sin trampas para el foco
- Nivel: A
- Versión: 2.0
- Principio: 2_Operable
- Pauta: 2.1_Controlar_desde_teclado
- Grupo: Interaccion
- Subgrupo: Foco_del_teclado
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Motriz –
Barrera grave
-
Visual total –
Barrera grave
Enunciado del criterio (Observatorio de Accesibilidad Web)
- El foco del teclado no debe quedar bloqueado en ningún elemento de la página.
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
Recursos de apoyo
Consejos
- 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
Evaluación Manual
Procedimiento de evaluación
- Paso 1. Utilizar el teclado para desplazarse a lo largo de la página.
- Paso 2. Verificar que el foco pasa de un elemento al siguiente utilizando solamente el teclado y que no se bloquea.
Resultado esperado
El foco del teclado puede entrar y salir de cualquier componente sin quedar atrapado.
Ejemplo
El usuario puede tabular libremente por todos los elementos y continuar su recorrido sin quedar atrapado.
<article>
<H1>Titulo informativo sobre el contenido</H1>
<section aria-label="Información adicional">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Se muestra un <a href="#">enlace a una página</a>.</p>
</section>
</article>
Otras herramientas de evaluación
- Navegación por teclado: recorrer la página con Tab y Shift + Tab para confirmar que el foco puede entrar y salir de todos los componentes sin quedar atrapado.
- Pruebas en componentes interactivos: comprobar especialmente menús, modales, carruseles, iframes, widgets y elementos personalizados para asegurar que el foco se puede mover libremente.
- Inspección del navegador: verificar que los scripts no bloquean el foco ni lo fuerzan a permanecer en un elemento sin opción de salida.
- Lectores de pantalla: (NVDA, JAWS, VoiceOver) navegar secuencialmente y confirmar que no se producen ciclos de foco ni zonas inaccesibles 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...
