A feed must contain articles with position information

Rule feed-structure · Component patterns (best practice) · impact minor · Static + live

↩ Back to the rules index · WCAG cross-reference

Why it matters#

The feed pattern is a scrollable list of articles. Each article carries aria-posinset and aria-setsize so assistive technology can announce "item N of M" as content loads. A feed with no articles, or articles missing that position information, breaks the pattern.

How to fix#

Make each feed item a role="article" child of the feed and give it aria-posinset (its 1-based position) and aria-setsize (the total, or -1 if unknown).

Example#

<div role="feed"><div>A post</div></div>

<div role="feed"><article role="article" aria-posinset="1" aria-setsize="3">A post</article></div>

WCAG success criteria#

1.3.1 Info and Relationships — Level A#

Structure and relationships conveyed visually (headings, lists, tables, labels, groups) must also be available programmatically.

Understanding 1.3.1

Standards#

This rule contributes to the following standards:

WCAG A EN 301 549

References#

• APG — Feed