ARIA Feed Pattern
Modello Feed ARIA
Il modello di feed ARIA è un flusso in cambiamento di articoli simili. Può aggiungere nuovi elementi o rimuovere i vecchi man mano che le persone lo attraversano.
Un altro esempio
Un ricercatore usa Page Down per scorrere i post. Ogni articolo mostra la sua posizione, l'intestazione dell'autore e le reazioni. Quando vengono caricati i successivi 20 elementi, l'articolo corrente, il conteggio totale e l'attenzione rimangono corretti. Rimangono corretti anche quando i post vecchi vengono rimossi per risparmiare memoria.
Parti principali
- 01Contenitore di alimentazione
- 02elemento articolo
- 03caricamento e metadati di posizione
Usalo quando
Usa questo modello avanzato solo per un flusso di articoli che continua a caricarsi e deve funzionare con una modalità di lettura assistita.
Non usarlo quando
Usa una lista normale per un insieme fisso di risultati. Non aggiungere ruoli di feed a meno che focus e caricamento non seguano l'intero modello.
Nome usato nel codice
role=feed containing labeled article regions with posinset/setsize Prima di spedire
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 Modello Feed ARIA (ARIA Feed Pattern). User context: Un ricercatore usa Page Down per scorrere i post. Ogni articolo mostra la sua posizione, l'intestazione dell'autore e le reazioni. Quando vengono caricati i successivi 20 elementi, l'articolo corrente, il conteggio totale e l'attenzione rimangono corretti. Rimangono corretti anche quando i post vecchi vengono rimossi per risparmiare memoria. Recommended pattern: Modello Feed ARIA (ARIA Feed Pattern). Why it fits: Usa questo modello avanzato solo per un flusso di articoli che continua a caricarsi e deve funzionare con una modalità di lettura assistita. Do not use it when: Usa una lista normale per un insieme fisso di risultati. Non aggiungere ruoli di feed a meno che focus e caricamento non seguano l'intero modello. 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): È ufficiale per quella fonte. Altre piattaforme o team potrebbero usare il termine in modo diverso. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Controlla questa richiesta
Review how Modello Feed ARIA (ARIA Feed Pattern) is used now. Definition: Il modello di feed ARIA è un flusso in cambiamento di articoli simili. Può aggiungere nuovi elementi o rimuovere i vecchi man mano che le persone lo attraversano. 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.