Pagination
Pagination
La pagination divise une collection en pages numérotées et montre quelle page est ouverte.
Results 1–10
Un vrai exemple
Les résultats de recherche montrent Précédent, numéros de page, et Suivant, tandis que l'adresse web conserve les mots recherchés.
Parties principales
- 01Current location
- 02Destination labels
- 03Focus order
- 04Responsive behavior
Utilisez-le lorsque
Utilisez-le pour ouvrir une page directement, comparer les résultats ou revenir au même endroit.
Ne l'utilisez pas lorsque
N'utilisez-le jamais pour une petite collection ou un flux destiné à un défilement continu.
Nom utilisé dans le code
<nav aria-label="Pagination"> 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 Pagination (Pagination). User context: Les résultats de recherche montrent Précédent, numéros de page, et Suivant, tandis que l'adresse web conserve les mots recherchés. Recommended pattern: Pagination (Pagination). Why it fits: Utilisez-le pour ouvrir une page directement, comparer les résultats ou revenir au même endroit. Do not use it when: N'utilisez-le jamais pour une petite collection ou un flux destiné à un défilement continu. 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 Pagination (Pagination) is used now. Definition: La pagination divise une collection en pages numérotées et montre quelle page est ouverte. 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.