CONTEXTO : Muchos <img tabindex="x"
uno debajo de otro. Cuando cualquier usuario presiona la pestaña: "va" al siguiente elemento, rodee el elemento con un borde azul y los lectores de voz leerán el texto alternativo (o cualquier comportamiento de la pestaña...) [eso es solo un ejemplo].
LO QUE QUIERO : que cuando un usuario presione (en su teclado) la tecla "abajo" => que active el MISMO comportamiento que la pestaña = vaya al siguiente índice de pestañas y lea el texto alternativo o qué comportamiento hace una pestaña normal.
NOTA : Esta pregunta NO es sobre la lectura de voz => SOLO es para dar un ejemplo de lo que hace una pestaña normal
LO QUE NO QUIERO : .focus() porque se aplica a las entradas, aquí mi índice de pestañas va a la imagen del nido.
LO QUE INTENTÉ : sin éxito (a menos que escriba mal algo)
$("html").keydown(function(e) { if (e.keyCode==40) { console.log("key down was pressed"); document.dispatchEvent( new window.KeyboardEvent('keydown', { key : 'Tab' }) ); } }
en este código, el archivo console.log se activa y veo que "se presionó la tecla hacia abajo", pero no se activó ninguna pestaña.
¿Hay alguna manera de hacer lo que describo?