implementation
Construis Contrôle segmenté sans casser son comportement
# Implémenter Contrôle segmenté dans ton agent ## Objectif Implémente Contrôle segmenté pour ce comportement vérifié : Un groupe visuellement joint d’options adjacentes qui sélectionne une valeur dans un petit ensemble. ## 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 Contrôle segmenté répond au besoin avant de coder. ## Comportement requis - Sélectionner un élément désélectionne automatiquement le précédent dans le groupe nommé. - Les flèches parcourent les éléments liés selon leur orientation visuelle. ## États à couvrir - Densité Confortable sélectionnée - Densité Compact sélectionnée - Densité Dense sélectionnée ## Accessibilité - Rôle ARIA : radiogroup > radio - Le contrôle principal ou la région nommée pour Contrôle segmenté 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. - Le groupe est un seul arrêt après sélection, avec un focus visible distinct de l’état sélectionné. - Sans objet : choisir un autre segment remplace la valeur sélectionnée. - Le nom du groupe, chaque option et l’état sélectionné sont exposés comme un choix à valeur unique. - Tab entre sur le segment sélectionné - Les flèches déplacent et sélectionnent - Espace sélectionne le segment focalisé ## Quand ne pas utiliser - Chaque option révèle un panneau de contenu important - Les libellés sont longs ou les valeurs trop nombreuses ## Critères d’acceptation - Le contrôle représente une valeur, pas des panneaux - Tous les libellés restent courts et lisibles - Le focus et la sélection sont distincts - La mise en page compacte a une adaptation mobile explicite ## 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 Contrôle segmenté sur un parcours réel
# Vérifier Contrôle segmenté après l’implémentation ## Objectif Audite l’implémentation de Contrôle segmenté 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:3e28cda2905fa73b495ea9b287035efd13b43b73b453eafa6a0b2ab9377f51c5