← All patterns · Navigation widgets
Feed
Scrollable region of content articles loaded as the user moves through.
Pattern
A feed is a list of dynamically-loaded articles (e.g., social-media-style streams). Each article is a focusable region; the feed loads more content as the user scrolls down.
Roles
feedarticle
States and properties
aria-busy- Set on the feed during loading.
aria-posinset / aria-setsize- Required on each article.
aria-labelledby- On each article, pointing at its title.
Keyboard interaction
- Page Down / Page Up
- Move between articles.
- Control + End
- Jump to last loaded article.
- Control + Home
- Jump to first article.
WCAG criteria
- 1.3.1 — Info and Relationships
Canonical reference
More
- All patterns
- WidgetPatternAnalyzer — the analyser that validates these patterns.
- Back to Paradise