SkillCodexOuvrir les favoris et l’historique
Comparaison comportementale
Le Tableau dispose des lignes et colonnes plates lues dans l’ordre du document ; la Vue arborescente expose des nœuds imbriqués qu’on développe et replie.
Décision
Faut-il lire des données tabulaires, interagir cellule par cellule ou développer une hiérarchie ?
| Dimension | TableauTable | Vue arborescenteTree view |
|---|---|---|
| Déclenchement | La lecture commence par la légende et les en-têtes ; les contrôles intégrés gardent leur activation normale. | Tab entre dans l’arborescence ; les flèches déplacent le focus et développent ou réduisent les éléments parents. |
| Modalité | Structure de document non modale, pas un widget composite. | Widget composite non modal pour une collection hiérarchique. |
| Positionnement | Dans le flux, avec sa légende et ses en-têtes de colonne ou de ligne alignés sur les données. | Une hiérarchie verticale dont l’indentation et l’état de déploiement exposent les relations parent-enfant. |
| Interactivité | Les cellules se lisent dans la structure native du tableau ; chaque lien, bouton ou contrôle de tri est un arrêt de tabulation distinct. | Focus géré, développement/réduction, sélection facultative et activation sont séparés et visuellement distinguables. |
| Focus | Le focus reste sur le bouton de tri activé quand les lignes se réordonnent ; les cellules de lecture ne reçoivent jamais de focus de widget géré. | Utilise roving tabindex ou aria-activedescendant de façon cohérente et distingue le focus visible de aria-selected ou aria-checked. |
| Fermeture | Un tableau appartient au contenu du document et ne se ferme pas. | L’arborescence ne se ferme pas ; Gauche réduit un parent ouvert et Échap n’est pas une commande obligatoire. |
| Rôle accessible | table > (thead | tbody) > tr > (th | td) | tree > treeitem + group |
| Cas d’usage | Il faut comparer des valeurs entre lignes et colonnes | Il faut parcourir une vraie hiérarchie parent-enfant |
| Comportement mobile | Préserver les relations avec les en-têtes et proposer un débordement ou une mise en page alternative plutôt que de réordonner visuellement les cellules. | 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.
