Feed

A feed is a section of a page that automatically loads new sections of content as the user scrolls. The sections of content in a feed are presented in article elements. So, a feed can be thought of as a dynamic list of articles that often appears to scroll infinitely.

Feed Pattern, WAI ARIA Authoring Practices Guide (APG)

§ Notes

Missing.css uses the <section role=feed> element to define feeds. To get the actual behavior of an accessible feed, you can use Missing.js § Feed.

Keyboard Interaction

§ Example

Blog Post Feed and with Nested Comment Feeds

A focusable element before the feed

Blog Post 1

Some content for the blog post.

Read more...
Comment #1

Some content for the comment.

Edit Delete
Comment #2

Some content for the comment.

Edit Delete
Comment #3

Some content for the comment.

Edit Delete

Blog Post 2

Some content for the blog post.

Read more...
Comment #1

Some content for the comment.

Edit Delete
Comment #2

Some content for the comment.

Edit Delete
Comment #3

Some content for the comment.

Edit Delete

Blog Post 3

Some content for the blog post.

Read more...
Comment #1

Some content for the comment.

Edit Delete
Comment #2

Some content for the comment.

Edit Delete
Comment #3

Some content for the comment.

Edit Delete
A focusable element after the second feed