Back to Top
Retour en haut
Retour en haut est un raccourci sur les longues pages. Il ramène la vue et le focus près du début.
Un vrai exemple
Après avoir lu des centaines de lignes d'audit, un analyste utilise le bouton pour revenir au titre du filtre.
Parties principales
- 01Current location
- 02Destination labels
- 03Focus order
- 04Responsive behavior
Utilisez-le lorsque
Utilisez-le lorsque revenir aux menus supérieurs ou aux filtres nécessiterait beaucoup de défilement.
Ne l'utilisez pas lorsque
Ne recouvrez pas le contenu et ne déplacez pas le focus sans indiquer la destination. Cachez-le sur les pages courtes.
Nom utilisé dans le code
scrollTo({ top: 0 }) + focus management Avant d'expédier
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Retour en haut (Back to Top). User context: Après avoir lu des centaines de lignes d'audit, un analyste utilise le bouton pour revenir au titre du filtre. Recommended pattern: Retour en haut (Back to Top). Why it fits: Utilisez-le lorsque revenir aux menus supérieurs ou aux filtres nécessiterait beaucoup de défilement. Do not use it when: Ne recouvrez pas le contenu et ne déplacez pas le focus sans indiquer la destination. Cachez-le sur les pages courtes. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Aucun standard officiel unique ne régit l’ensemble du terme. Sa signification peut varier selon les équipes, plateformes ou frameworks. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how Retour en haut (Back to Top) is used now. Definition: Retour en haut est un raccourci sur les longues pages. Il ramène la vue et le focus près du début. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.