ARIA Feed Pattern
Modèle de flux ARIA
Le modèle de flux ARIA est un flux changeant d’éléments semblables à des articles. Il peut ajouter de nouveaux éléments ou supprimer les anciens au fur et à mesure que les utilisateurs le parcourent.
Un autre exemple
Un chercheur utilise la touche Page Down pour parcourir les publications. Chaque article indique sa place, le titre de l'auteur et les réactions. Lorsque les 20 éléments suivants se chargent, l'article actuel, le nombre total et le focus restent corrects. Ils restent également corrects lorsque d'anciennes publications sont supprimées pour économiser de la mémoire.
Parties principales
- 01conteneur d'alimentation
- 02élément d'article
- 03métadonnées de chargement et de position
Utilisez-le lorsque
Utilisez ce modèle avancé uniquement pour un flux d'articles qui continue de se charger et doit fonctionner avec un mode de lecture assistée.
Ne l'utilisez pas lorsque
Utilisez une liste normale pour un ensemble fixe de résultats. N'ajoutez pas de rôles de flux sauf si la mise au point et le chargement suivent le modèle complet.
Nom utilisé dans le code
role=feed containing labeled article regions with posinset/setsize 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 Modèle de flux ARIA (ARIA Feed Pattern). User context: Un chercheur utilise la touche Page Down pour parcourir les publications. Chaque article indique sa place, le titre de l'auteur et les réactions. Lorsque les 20 éléments suivants se chargent, l'article actuel, le nombre total et le focus restent corrects. Ils restent également corrects lorsque d'anciennes publications sont supprimées pour économiser de la mémoire. Recommended pattern: Modèle de flux ARIA (ARIA Feed Pattern). Why it fits: Utilisez ce modèle avancé uniquement pour un flux d'articles qui continue de se charger et doit fonctionner avec un mode de lecture assistée. Do not use it when: Utilisez une liste normale pour un ensemble fixe de résultats. N'ajoutez pas de rôles de flux sauf si la mise au point et le chargement suivent le modèle complet. 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): C'est officiel pour cette source. D'autres plateformes ou équipes peuvent utiliser le terme d'une autre manière. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how Modèle de flux ARIA (ARIA Feed Pattern) is used now. Definition: Le modèle de flux ARIA est un flux changeant d’éléments semblables à des articles. Il peut ajouter de nouveaux éléments ou supprimer les anciens au fur et à mesure que les utilisateurs le parcourent. 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.