¿Existen herramientas o complementos para que el navegador web depure la funcionalidad tabindex? Parece que los atributos tabindex son correctos pero no se comportan como se esperaba. ¿O hago algo mal?Cómo depurar tabindex
Si usa FireFox, obtenga el Webdeveloper toolbar. Puede mostrar el índice de pestañas, esto puede ayudarlo a depurar.
Y aquí es donde encontrar esa opción:
En Chrome te puede hacer clic en un elemento y seleccione "Inspeccionar" en el menú contextual. Luego cambie a la consola y escriba $0.tabIndex.
Explicación: $ 0 - $ 4 se refieren a los últimos 4 elementos que ha inspeccionado. tabIndex es una propiedad estándar de DOM API HTMLEelement.
Ver https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference
Puede utilizar las herramientas de desarrollo de Chrome, Firefox e IE pulsando F12 y navegando a la pestaña de la consola y luego insertar la siguiente:
document.addEventListener('keyup', function() {console.log(document.activeElement)})
Ahora cuando recorre los elementos enfocables, activeElement, incluido su tabindex, si tiene un juego, se imprimirá en la consola.