Est un aperçu utile sur les éléments qui ne peuvent pas être concentrés avec l'onglet?

1. Dois-je utiliser la mise au point ou la mise au point visible?
2. Comment rendre un élément focalisable?
3. Quelle pseudo-classe vous permet d'afficher sélectivement une bague de mise au point sur les éléments uniquement si la navigation par clavier est détectée?
4. Quels éléments peuvent être focalisés HTML?

Dois-je utiliser la mise au point ou la mise au point visible?

L'ajout de: Focus pseudo-classe à un élément le fera montrer une concentration de styles spécifiques et ne tiendra pas compte des navigateurs heuristiques. Le: Focus-visible, en revanche, applique un style personnalisé uniquement s'il était montré nativement. C'est une situation gagnant-gagnant, un joli look personnalisé et des années de recherche dans une propriété CSS.

Comment rendre un élément focalisable?

Les éléments interactifs doivent être focalisés

Vous pouvez le rendre focalisable en y ajoutant une valeur d'attribut tabindex = 0. Cela ajoutera l'élément à la liste des éléments qui peuvent être focalisés en appuyant sur la touche Tab, dans la séquence des éléments tels que définis dans le document HTML.

Quelle pseudo-classe vous permet d'afficher sélectivement une bague de mise au point sur les éléments uniquement si la navigation par clavier est détectée?

La pseudo-classe: Focus-visible s'applique tandis qu'un élément correspond à la pseudo-classe: Focus et l'agent UA (agent utilisateur) détermine via l'heuristique que le focus doit être expliqué sur l'élément. (De nombreux navigateurs affichent une "bague de mise au point" par défaut dans ce cas.)

Quels éléments peuvent être focalisés HTML?

Les éléments du type suivant sont focalisés s'ils ne sont pas désactivés: entrée, sélection, textarea, bouton et objet . Les ancres sont focalisées si elles ont un attribut HREF ou Tabindex. Les éléments de zone sont focalisés s'ils sont à l'intérieur d'une carte nommée, ont un attribut HREF et il y a une image visible en utilisant la carte.