Fallo común Fallos comunes WCAG 2.2

F85Fallo del criterio de conformidad 2.4.3 debido a usar diálogos o menús que no están junto a su control de activación en el orden de navegación secuencial

En resumen

Este fallo se produce cuando un botón o enlace abre un diálogo o un menú en la página, pero el foco del teclado no se mueve a ese componente ni este queda a continuación en el orden de tabulación, o cuando al cerrarlo el foco no vuelve al control que lo abrió. Quien navega con teclado tiene que recorrer toda la página para llegar al contenido. Revíselo en ventanas modales, menús desplegables y avisos que se abren con script.

Aplicabilidad

Todas las tecnologías.

Descripción

Este documento describe la condición de fallo que se produce cuando una página web abre un componente de interfaz de tipo diálogo o menú incrustado en la página de tal forma que resulta difícil de manejar para un usuario de teclado debido a su posición en el orden de navegación secuencial. Cuando el usuario abre el diálogo o el menú incrustado en la página activando un botón o un enlace, su siguiente acción será interactuar con ese diálogo o menú. Si el foco no se sitúa en el diálogo o el menú, o en un descendiente enfocable lógico de estos componentes, y el componente o uno de sus descendientes enfocables no es el siguiente en el orden de navegación secuencial, al usuario de teclado le resultará difícil manejar el diálogo o el menú.

Descartar un diálogo o un menú significa cerrarlo sin realizar ninguna acción en él. Por ejemplo: se abre un diálogo modal en una página web que muestra un formulario de suscripción a una lista de correo. El usuario descarta el diálogo pulsando un botón de «cerrar» o usando la tecla Escape.

A veces no es posible devolver el foco al control que el usuario activó para abrir un diálogo. Por ejemplo: una entrada de blog tiene una lista de etiquetas y cada etiqueta contiene un botón de eliminar. Al pulsar un botón de eliminar se abre un diálogo modal que pide al usuario que confirme la eliminación. Al confirmarla, la etiqueta se elimina, el diálogo modal se cierra y el foco se sitúa en la siguiente etiqueta de la lista. Situar el foco en un control distinto, pero lógico, no constituye un fallo del criterio de conformidad 2.4.3.

Ejemplos

Añadir un diálogo a la página al final del orden de navegación secuencial

Se crea un diálogo HTML no nativo, marcado al final del DOM (Document Object Model, modelo de objetos del documento). Se ha programado un script para mostrar el diálogo, pero no se ha añadido ningún script que mueva el foco hasta él. El diálogo se posiciona visualmente sobre el contenido de la página y el foco del usuario no se desplaza al diálogo. Como el diálogo se encuentra al final del DOM, está al final del orden de navegación con teclado. Puesto que no se gestiona el foco del usuario ni se proporciona un mecanismo de teclado que le permita desplazarse de inmediato al diálogo que acaba de abrir, el usuario tendrá que recorrer con el tabulador el resto de la página web antes de poder interactuar con el diálogo.

Situar el foco en el documento tras descartar un menú incrustado en la página

Cuando se descarta un menú, este se elimina o se oculta de la página web y el foco se sitúa en el documento. El usuario tiene que tabular desde el principio de la secuencia de navegación para llegar al punto desde el que se abrió el menú.

Pruebas

Procedimiento

Para cada menú o diálogo de una página web que se abre mediante un control de activación:

Activar el control de activación mediante el teclado.
- Comprobar si el foco se ha situado en el menú, en el diálogo o en un descendiente enfocable lógico del componente.
- Si no es así, comprobar si al avanzar el foco una posición en el orden de navegación secuencial este se sitúa en el menú o el diálogo.
Activar un control del menú o del diálogo que provoque su cierre. Puede ser un botón de cancelar o de eliminar, o cualquier otra acción que provoque cambios en la página y al mismo tiempo cierre el menú o el diálogo.
- Comprobar si el foco del teclado vuelve al control de activación.
- Si el propio control de activación se ha eliminado como resultado de la activación, comprobar si el foco se ha situado en el elemento interactivo inmediatamente anterior o posterior al control de activación eliminado, o en el lugar que resulte lógico.

Resultados esperados

Si los dos puntos del paso 1 son falsos, se da esta condición de fallo y el contenido falla este criterio de conformidad.
Si los dos puntos del paso 2 son falsos, se da esta condición de fallo y el contenido falla este criterio de conformidad.

Cómo lo comprobamos en ADDAW

Este fallo es uno de los que buscamos en cada auditoría de accesibilidad de ADDAW: lo documentamos con capturas y el código afectado, indicamos el criterio que incumple y la técnica suficiente con la que se corrige. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica F85 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.