Implémenter correctement
Construis Fil d’Ariane sans casser son comportement
# Implémenter Fil d’Ariane dans ton agent ## Objectif Implémente Fil d’Ariane pour ce comportement vérifié : Une suite ordonnée de liens vers les pages parentes de la page courante qui situe celle-ci dans la hiérarchie du site. ## 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 Fil d’Ariane répond au besoin avant de coder. ## Comportement requis - Activer un lien ancêtre mène vers ce niveau nommé de la hiérarchie actuelle. - Le pointeur, le toucher ou Entrée suit le lien ; Espace conserve son comportement natif de défilement de page. ## États à couvrir - Fil prêt - Ancêtre focalisé - Destination chargée ## Accessibilité - Rôle ARIA : nav[aria-label] > ol > li > a[aria-current=page] - Le contrôle principal ou la région nommée pour Fil d’Ariane 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 focus visible reste sur chaque lien ancêtre jusqu’à la navigation ; la page actuelle en texte simple n’ajoute pas d’arrêt Tab. - Le fil d’Ariane est une navigation persistante et ne se ferme pas. - Nommer la région de navigation, exposer la page liée actuelle avec aria-current=page et masquer les séparateurs décoratifs. - Tab et Maj+Tab parcourent les liens ancêtres - Entrée active le lien focalisé - Les séparateurs décoratifs ne reçoivent jamais le focus ## Quand ne pas utiliser - Le produit est plat ou ne contient que des pages sœurs - Le besoin concerne l’historique ou Retour ## Critères d’acceptation - La région possède un nom accessible précis - Les ancêtres sont de vrais liens - La page actuelle est exposée une seule fois - Les technologies d’assistance ignorent les séparateurs ## 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 Fil d’Ariane sur un parcours réel
# Vérifier Fil d’Ariane après l’implémentation ## Objectif Audite l’implémentation de Fil d’Ariane 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:0ec808e73b4ef9eb54d338ac7712b7f166c167990fd89def3f857f52669101b4