Rôle et attributs ARIA
Rôles et attributs ARIA générés par défaut
- tabindex=”-1” : permet de ne placer le focus sur l’élément que par l’intermédiaire de son élément parent tree, qui contrôle aussi son état
- aria-busy="false" : passe à true lorsque l’élément est en cours de chargement
- aria-disabled="false" : passe à true lorsque l’élément est désactivé
- aria-selected="false" : passe à true lorsque l’élément est sélectionné
- aria-expanded="false" : passe à true lorsque l’élément est parent d’autres éléments tree-item et qu’il est ouvert
-
aria-hidden="true" sur le bouton d’ouverture/fermeture d’un tree-item parent pour éviter la lecture inutile d’éléments d’interface
Navigation et interaction clavier
→ Au sein d’un tree : voir la page du composant
Bonnes pratiques et pièges à éviter
→ Au sein d’un tree : voir la page du composant
Référence