Utilisez la touche Tab pour parcourir les éléments HTML sur la page

Question

Je ne parviens pas à utiliser la touche Tab pour faire défiler à l'aide de la touche Tab sur une page HTML. Voici une photo de la page dont j'essaie de parcourir les onglets

Lorsque la fenêtre contextuelle « Impossible de mettre à jour la table » s'ouvre. J'ai cliqué dessus et appuyé sur la touche Tab. La première fois que j'appuie sur l'onglet, le focus se porte sur l'élément fléché de l'image. Mais la prochaine fois que j'appuie sur l'onglet, cela va à l'élément Page 3 L'icône de flèche vers le haut est la balise <i sélectionnée en HTML et la <i suivante suivante est le bouton x. Pour une raison quelconque, il ignore la deuxième balise <i et n'accède pas au bouton x lorsque la touche de tabulation apparaît une deuxième fois.

Quelle pourrait en être la raison ? J'ai essayé d'utiliser tabIndex="21" comme prochain tag <i

Answer 1

Peut-être que l'index des boutons est à l'origine du problème. Vous devez fournir plus d'informations, mais d'ici là, vous pouvez d'abord vous concentrer sur le bon endroit lorsque vous utilisez des popups. Vous pouvez essayer d'utiliser le code suivant pour vous concentrer sur le premier élément div :

document.getElementsByTagName('div')[0].focus();

J'ai également remarqué que vous utilisiez le même tabindex "20" pour les deux composants. Veuillez vérifier tous les index et réessayer. Assurez-vous également que votre bouton est au même niveau DOM que les autres éléments.