Addaw, ir a inicio Donar

Fallo común WCAG 2.2

F10El teclado se queda atrapado dentro de un contenido incrustado

Nombre oficial en el W3C: Fallo del criterio de conformidad 2.1.2 y del requisito de conformidad 5 debido a combinar varios formatos de contenido de forma que los usuarios queden atrapados dentro de un tipo de formato

En pocas palabras

Este error ocurre cuando la persona entra con el teclado en un contenido incrustado y no puede salir. Puede ser un reproductor, un mapa, un juego o un editor. El fallo nació con complementos como Flash, pero hoy pasa con iframes y componentes de terceros. Es grave: incumple un requisito que afecta a toda la página.

Por qué es importante

Quien no usa ratón se mueve con Tab y Mayús+Tab. Si el foco entra en un mapa y no sale, no puede llegar al resto de la página. A veces la única salida es cerrar el navegador.

Afecta a personas ciegas, a personas con movilidad reducida y a quien usa teclados adaptados o pulsadores. Por eso las WCAG lo tratan de forma especial. Una trampa de teclado hace fallar toda la página, aunque esté en una parte que no se iba a evaluar (requisito de conformidad 5, «no interferencia»).

Cómo evitarlo

  1. Pruebe con el teclado cada contenido incrustado antes de publicarlo: reproductores, mapas, chats, editores de texto o visores de PDF.
  2. Asegúrese de que se sale con Tab o Mayús+Tab. Si hace falta otra tecla, como Esc, explíquelo en la página.
  3. En las ventanas modales es correcto mantener el foco dentro mientras están abiertas. Pero deben poder cerrarse con el teclado.
  4. Elija componentes de terceros que permitan salir con el teclado. Si no lo permiten, sustitúyalos.
  5. No use complementos antiguos como Flash, Java o Silverlight. Ya no funcionan en los navegadores actuales.

Cómo comprobarlo

  1. Recorra la página con Tab desde el principio hasta el final.
  2. Al llegar a cada contenido incrustado, entre en él y siga pulsando Tab. El foco debe acabar saliendo hacia el resto de la página.
  3. Pruebe también a volver hacia atrás con Mayús+Tab.
  4. Si no se sale con esas teclas, busque en la página instrucciones sobre otra tecla. Si no las hay, es un fallo.
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica F10 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Se aplica cuando el contenido crea una situación en la que el usuario puede entrar en el contenido con el teclado, pero no puede salir de él con el teclado.

Descripción

Cuando el contenido incluye varios formatos, a menudo se necesitan uno o más agentes de usuario o complementos (plug-ins) para presentar correctamente el contenido a los usuarios. Por ejemplo, una página que incluye HTML, SVG, SMIL y XForms puede exigir que el navegador cargue hasta tres complementos distintos para que el usuario pueda interactuar correctamente con el contenido. Algunos complementos crean una situación habitual en la que el foco del teclado puede quedarse «atascado» en un complemento, dejando a quien solo usa el teclado sin forma de volver al resto del contenido.

Ejemplos

  • Un complemento atrapa al usuario: un usuario entra con el tabulador en un complemento y no puede volver con el teclado al contenido situado fuera del contenido del complemento. El usuario tiene que reiniciar el navegador para recuperar el control y navegar a una página nueva, y no puede acceder a ningún contenido que aparezca después del contenido del complemento.

Pruebas

Procedimiento

  1. Navegar por el contenido con un teclado.
  2. Comprobar que el foco del teclado no queda «atrapado» y que es posible sacar el foco del teclado del contenido del complemento sin cerrar el agente de usuario ni reiniciar el sistema.

Resultados esperados

  • Si el foco del teclado queda «atrapado», se da esta condición de fallo y el contenido falla el criterio de conformidad y el requisito de conformidad 5.

Cómo lo comprobamos en ADDAW

Este error es uno de los que buscamos en cada auditoría de ADDAW. Se lo entregamos con capturas y la forma de corregirlo.

Solicitar una auditoría

Basado en la técnica F10 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.