Bien, estoy tratando de restablecer el elemento activo desde el medio de la página para que la tecla de tabulación comience desde la parte superior, de la misma manera que la página se actualiza.
Para ese propósito (probado en FF y Chrome) estoy tratando de usar document.activeElement.blur() (desde la consola del navegador). Como resultado, la selección de <a href></a> se elimina visualmente (agradable). Además, ejecutar document.activeElement después de ejecutar document.activeElement.blur() desde la consola muestra
<body class="ng-tns-0-0"> que se ve bien (¿el activeElement es el body ahora?)
Sin embargo, si cierro la consola y presiono la tecla Tab, el foco aparece en el siguiente a href anterior: no en el enlace que está enfocado en la carga de la página + tecla Tab .
¿Por qué y cómo corregir ese comportamiento?
La pregunta apareció desde el punto de vista de la accesibilidad, ya que la parte significativa de la página se muestra con otro contenido. La tecla de tabulación necesaria para empezar de nuevo, como para una nueva página.
De hecho, nunca deberías usar blur() , y este método ni siquiera debería existir.
blur() , no tiene control de dónde va el foco. Puede ir a la barra de menús, a las barras de herramientas, o incluso ir totalmente fuera del navegador y/o volverse completamente irrecuperable sin un mouse. La solución más segura si desea volver al primer elemento de la página probablemente sea enfocar ese primer elemento , en lugar de llamar a blur() y esperar lo mejor.
Para que cualquier aplicación o sitio web sea accesible desde el teclado, el foco siempre debe estar bajo control, es decir, siempre debe saber exactamente dónde está. Como el método blur() no especifica dónde va el enfoque a continuación, pierdes el control del enfoque cuando lo usas; así que nunca debes usarlo. Hasta donde yo sé, probablemente no tenga un uso legítimo.