ARIA Feed Pattern
ARIA-Feed-Muster
Das ARIA-Feed-Muster ist ein sich verändernder Strom von artikelähnlichen Elementen. Es kann neue Elemente hinzufügen oder alte entfernen, während die Benutzer es durchlaufen.
Ein weiteres Beispiel
Ein Forscher verwendet Page Down, um durch Beiträge zu blättern. Jeder Artikel gibt seinen Platz, die Autorenüberschrift und Reaktionen an. Wenn die nächsten 20 Elemente geladen werden, bleiben der aktuelle Artikel, die Gesamtanzahl und der Fokus korrekt. Sie bleiben auch korrekt, wenn alte Beiträge zur Speicherersparnis entfernt werden.
Hauptteile
- 01Fütterungsbehälter
- 02Artikel-Element
- 03Lade- und Positionsmetadaten
Verwenden Sie es, wenn
Verwenden Sie dieses fortgeschrittene Muster nur für einen Artikelstrom, der weiterhin lädt und im Hilfsmittel-Lesemodus funktionieren muss.
Nutze es nicht, wenn
Verwenden Sie eine normale Liste für eine feste Menge von Ergebnissen. Fügen Sie keine Feed-Rollen hinzu, es sei denn, Fokus und Laden folgen dem vollständigen Muster.
In Code verwendeter Name
role=feed containing labeled article regions with posinset/setsize Vor dem Ausliefern
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 ARIA-Feed-Muster (ARIA Feed Pattern). User context: Ein Forscher verwendet Page Down, um durch Beiträge zu blättern. Jeder Artikel gibt seinen Platz, die Autorenüberschrift und Reaktionen an. Wenn die nächsten 20 Elemente geladen werden, bleiben der aktuelle Artikel, die Gesamtanzahl und der Fokus korrekt. Sie bleiben auch korrekt, wenn alte Beiträge zur Speicherersparnis entfernt werden. Recommended pattern: ARIA-Feed-Muster (ARIA Feed Pattern). Why it fits: Verwenden Sie dieses fortgeschrittene Muster nur für einen Artikelstrom, der weiterhin lädt und im Hilfsmittel-Lesemodus funktionieren muss. Do not use it when: Verwenden Sie eine normale Liste für eine feste Menge von Ergebnissen. Fügen Sie keine Feed-Rollen hinzu, es sei denn, Fokus und Laden folgen dem vollständigen Muster. 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): Es ist offiziell für diese Quelle. Andere Plattformen oder Teams können den Begriff auf andere Weise verwenden. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how ARIA-Feed-Muster (ARIA Feed Pattern) is used now. Definition: Das ARIA-Feed-Muster ist ein sich verändernder Strom von artikelähnlichen Elementen. Es kann neue Elemente hinzufügen oder alte entfernen, während die Benutzer es durchlaufen. 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.