implementation
Construis Squelette de chargement sans casser son comportement
# Implémenter Squelette de chargement dans ton agent ## Objectif Implémente Squelette de chargement pour ce comportement vérifié : Des formes décoratives de substitution qui réservent la mise en page approximative du contenu pendant son chargement. ## 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 Squelette de chargement répond au besoin avant de coder. ## Comportement requis - Les formes de substitution réservent un espace stable et sont remplacées sans saut de mise en page. - La région de contenu expose son état occupé tandis que l’indicateur visuel reste redondant. ## États à couvrir - Espaces réservés visibles - Contenu visible - Erreur de carte visible ## Accessibilité - Rôle ARIA : [aria-hidden=true] + [aria-busy=true] - Le contrôle principal ou la région nommée pour Squelette de chargement 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 reste sur la page existante ; remplacer les substituts ne le réordonne ni ne le vole. - Les squelettes disparaissent seulement au profit du contenu, d’un état vide ou d’une erreur avec action. - La région annonce un chargement concis et le résultat final ; les formes décoratives ne sont jamais annoncées. - Les substituts n’entrent jamais dans l’ordre de tabulation - Les contrôles Réessayer apparaissent seulement dans les erreurs réelles ## Quand ne pas utiliser - L’attente concerne une action compacte de bouton - La mise en page finale est inconnue ou très variable ## Critères d’acceptation - La géométrie reprend approximativement le contenu final - Les formes sont masquées aux technologies d’assistance - La région parente expose l’état occupé - Les états vide et erreur remplacent une attente indéfinie ## 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 Squelette de chargement sur un parcours réel
# Vérifier Squelette de chargement après l’implémentation ## Objectif Audite l’implémentation de Squelette de chargement 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:10e0908fbfc7204073e9ceb3e38f604a1cd376d5c4ea6ce37f761bd226ac2843