ARIA Feed Pattern
Patrón de fuente ARIA
El patrón de feed ARIA es un flujo cambiante de elementos tipo artículo. Puede agregar nuevos elementos o eliminar los antiguos a medida que las personas lo recorren.
Otro ejemplo
Un investigador usa Page Down para desplazarse por las publicaciones. Cada artículo muestra su posición, encabezado del autor y reacciones. Cuando se cargan los siguientes 20 elementos, el artículo actual, el recuento total y el enfoque permanecen correctos. También permanecen correctos cuando se eliminan publicaciones antiguas para ahorrar memoria.
Partes principales
- 01contenedor de alimentación
- 02elemento de artículo
- 03metadatos de carga y posición
Úsalo cuando
Utilice este patrón avanzado solo para un flujo de artículos que sigue cargando y debe funcionar con un modo de lectura asistida.
No lo uses cuando
Use una lista normal para un conjunto fijo de resultados. No agregue roles de alimentación a menos que el enfoque y la carga sigan el patrón completo.
Nombre usado en código
role=feed containing labeled article regions with posinset/setsize Antes de lanzarlo
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 Patrón de fuente ARIA (ARIA Feed Pattern). User context: Un investigador usa Page Down para desplazarse por las publicaciones. Cada artículo muestra su posición, encabezado del autor y reacciones. Cuando se cargan los siguientes 20 elementos, el artículo actual, el recuento total y el enfoque permanecen correctos. También permanecen correctos cuando se eliminan publicaciones antiguas para ahorrar memoria. Recommended pattern: Patrón de fuente ARIA (ARIA Feed Pattern). Why it fits: Utilice este patrón avanzado solo para un flujo de artículos que sigue cargando y debe funcionar con un modo de lectura asistida. Do not use it when: Use una lista normal para un conjunto fijo de resultados. No agregue roles de alimentación a menos que el enfoque y la carga sigan el patrón completo. 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 oficial para esa fuente. Otras plataformas o equipos pueden usar el término de otra manera. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Revisa esta petición
Review how Patrón de fuente ARIA (ARIA Feed Pattern) is used now. Definition: El patrón de feed ARIA es un flujo cambiante de elementos tipo artículo. Puede agregar nuevos elementos o eliminar los antiguos a medida que las personas lo recorren. 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.