SkillCodexOuvrir les favoris et l’historique
Comparaison comportementale
La Grille de données parcourt des lignes et des colonnes de cellules avec les flèches ; la Vue arborescente développe et replie des nœuds parent-enfant dans une hiérarchie.
Décision
Faut-il lire des données tabulaires, interagir cellule par cellule ou développer une hiérarchie ?
| Dimension | Grille de donnéesData grid | Vue arborescenteTree view |
|---|---|---|
| Déclenchement | Tab entre sur un point de focus géré ; les flèches déplacent ensuite le focus entre les cellules. | Tab entre dans l’arborescence ; les flèches déplacent le focus et développent ou réduisent les éléments parents. |
| Modalité | Widget composite non modal avec un modèle de focus interne. | Widget composite non modal pour une collection hiérarchique. |
| Positionnement | Un espace tabulaire délimité avec des en-têtes persistants et une cellule active visible. | Une hiérarchie verticale dont l’indentation et l’état de déploiement exposent les relations parent-enfant. |
| Interactivité | Focus itinérant, navigation par flèches, tri, sélection et édition sont explicites ; focus et sélection restent distinguables. | Focus géré, développement/réduction, sélection facultative et activation sont séparés et visuellement distinguables. |
| Focus | Utilise une seule stratégie cohérente de roving tabindex ou aria-activedescendant, garde la cellule active visible et ne place jamais toutes les cellules dans l’ordre de tabulation. | Utilise roving tabindex ou aria-activedescendant de façon cohérente et distingue le focus visible de aria-selected ou aria-checked. |
| Fermeture | La grille ne se ferme pas ; Échap quitte l’interaction de cellule et restaure la navigation de grille. | L’arborescence ne se ferme pas ; Gauche réduit un parent ouvert et Échap n’est pas une commande obligatoire. |
| Rôle accessible | grid > row > (columnheader | rowheader | gridcell) | tree > treeitem + group |
| Cas d’usage | Un grand jeu tabulaire exige une navigation clavier efficace | Il faut parcourir une vraie hiérarchie parent-enfant |
| Comportement mobile | Fournir un modèle tactile testé ou une alternative en liste/tableau lorsque l’usage bidimensionnel dense est impraticable. | Utiliser de grandes cibles de déploiement et envisager une navigation progressive si une forte indentation laisse trop peu de place. |
Mesure d'audience
Avec ton accord, Google Analytics et des compteurs first-party agrégés mesurent l’usage du site pour nous aider à l’améliorer. Ces compteurs ne contiennent ni texte de recherche, ni candidat, ni identifiant de session ou d’événement. Ton choix reste modifiable via « Cookies » en pied de page.
