Implémenter correctement
Construis Grille de données sans casser son comportement
# Implémenter Grille de données dans ton agent ## Objectif Implémente Grille de données pour ce comportement vérifié : Un composite tabulaire interactif qui gère un seul point d’entrée clavier et le déplacement directionnel du focus entre les cellules, souvent avec édition ou sélection. ## Prérequis - Inspecte d’abord le dépôt, le design system et les tests existants. - Préserve les changements sans rapport et borne les fichiers modifiés. - Confirme que Grille de données répond au besoin avant de coder. ## Comportement requis - Les flèches, Début et Fin déplacent un point de focus géré dans la grille bidimensionnelle. - L’activation ou une commande d’édition documentée entre dans le contrôle d’une cellule puis revient à la navigation de grille de façon prévisible. ## États à couvrir - Grille prête - Cellule active - Cellule en édition - Ligne sélectionnée ## Accessibilité - Rôle ARIA : grid > row > (columnheader | rowheader | gridcell) - Le contrôle principal ou la région nommée pour Grille de données possède un nom accessible stable issu d’un texte visible ou d’un libellé programmatique explicite ; le placeholder et l’infobulle ne servent pas de nom. - 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. - La grille ne se ferme pas ; Échap quitte l’interaction de cellule et restaure la navigation de grille. - La grille possède un nom ; le focus expose le contexte de ligne et colonne, l’état sélectionné ou en édition et les comptes et indices virtualisés exacts. - Tab entre par une cellule gérée puis un Tab ultérieur quitte la grille - Les flèches parcourent les cellules ; Début et Fin parcourent une ligne - Contrôle+Début et Contrôle+Fin atteignent les limites de la grille - Entrée ou F2 entre dans la cellule et Échap revient à la navigation - Les raccourcis de sélection n’existent que pour le modèle déclaré ## Quand ne pas utiliser - Les données sont statiques et en lecture seule - L’équipe ne peut pas implémenter et tester entièrement le focus composite ## Critères d’acceptation - Une cellule ou un descendant est tabulable - Chaque destination des flèches est focalisable et libellée - Le mode édition possède une entrée et une sortie claires - Focus et sélection ont des apparences différentes - Les indices et comptes virtualisés sont exposés ## Garde-fous - Montre d’abord les changements envisagés avant toute action externe. - Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite. - Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu. ## Format de sortie - Résultat obtenu ou verdict. - Fichiers ou actions concernés. - Vérifications exécutées et preuves observables. - Blocages ou limites restantes.
- Web platform
- Prérequis · Accès au dépôt, au design system et aux tests
Pourquoi ça marche
- Le besoin est relié au comportement canonique avant toute décision technique.
- Les états, l’accessibilité et les non-objectifs empêchent une implémentation seulement visuelle.
- Les critères d’acceptation et le format de sortie rendent la vérification observable.
À essayer ensuite
Vérifie Grille de données sur un parcours réel
# Vérifier Grille de données après l’implémentation ## Objectif Audite l’implémentation de Grille de données au regard de son comportement, de ses états et de ses exigences d’accessibilité sans la modifier automatiquement. ## Contrôles - Rejoue le plus petit parcours représentatif. - Contrôle le clavier, le focus, le nom accessible et les annonces. - Relie chaque écart à un critère d’acceptation précis. ## Garde-fous - Montre d’abord les changements envisagés avant toute action externe. - Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite. - Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu. ## Format de sortie - Résultat obtenu ou verdict. - Fichiers ou actions concernés. - Vérifications exécutées et preuves observables. - Blocages ou limites restantes.
sha256:56833a5d9c26e4b38a0b089aa2d72d511913deb6d9593aacddc105207aac9aa5