Supongamos que estás probando la accesibilidad de navegación con el teclado de una página. Cuando navegas por la página con la tecla Tab, el anillo de enfoque a veces desaparece porque el elemento que tiene el enfoque está oculto. Para hacer un seguimiento del elemento enfocado en Herramientas para desarrolladores, haz lo siguiente:
- Abre la consola.
Haz clic en Crear expresión en vivo.
Obtén más información en Observa los valores de JavaScript en tiempo real con expresiones en vivo.
Escribe
document.activeElement.Haz clic fuera de la interfaz de expresión en vivo para guardar.
Crear expresión en vivo.El valor después de document.activeElement es el resultado de la expresión. Dado que esa expresión siempre representa el elemento enfocado, puedes hacer un seguimiento de qué elemento tiene el enfoque.
- Coloca el cursor sobre el resultado para destacar el elemento enfocado en la ventana gráfica.
- Haz clic con el botón derecho en el resultado y selecciona Abrir en el panel Elementos para mostrar el elemento en el árbol DOM en el panel Elementos.
- Haz clic con el botón derecho en el resultado y selecciona Almacenar como variable global para crear una referencia de variable al nodo que puedes usar en la consola.