"Quand est-ce" faux "pour mettre tabindex = 0 sur un contenu non interactif?"Réponse: toujours. Il est également référencé dans la documentation MDN. Non pas que je ne sois pas d'accord avec vous cependant: les éléments interactifs ne devraient pas être focalisés.
- Si Tabindex est déclaré uniquement sur un élément interactif?
- Quel est un exemple de l'utilisation de l'attribut tabindex peut causer des problèmes?
- Quelle est la différence entre tabindex 0 et tabindex = - 1?
Si Tabindex est déclaré uniquement sur un élément interactif?
Vous n'avez pas besoin de déclarer Tabindex sur un élément enfant, à condition que son élément parent soit un élément interactif. Un exemple de cela serait un élément de portée imbriqué à l'intérieur d'un bouton: la présence de l'attribut tabindex dans cet exemple de code affecterait l'ordre des éléments interactifs de manière illogique.
Quel est un exemple de l'utilisation de l'attribut tabindex peut causer des problèmes?
Préoccupations d'accessibilité
Évitez d'utiliser l'attribut Tabindex en conjonction avec un contenu non interactif pour faire quelque chose destiné à être interactif focalisable par entrée au clavier. Un exemple de cela serait d'utiliser un <div> élément pour décrire un bouton, au lieu du <bouton> élément.
Quelle est la différence entre tabindex 0 et tabindex = - 1?
tabindex = "0" permet d'éléments en plus des liens et des éléments de formulaire pour recevoir une mise au point du clavier. Il ne modifie pas l'ordre des onglets, mais place l'élément dans le flux de navigation logique, comme s'il s'agissait d'un lien sur la page. tabindex = "-1" supprime l'élément de la séquence de navigation, mais peut être rendu focalisable à l'aide de JavaScript.