Semantics
A section of a page that consists of a composition that forms an independent part of a document, page, or site.
Additional info from the ARIA specification
An article is not a navigational landmark, but can be nested to form a discussion where assistive technologies could pay attention to article nesting to assist the user in following the discussion. An article could be a forum post, a magazine or newspaper article, a web log entry, a user-submitted comment, or any other independent item of content. It is independent in that its contents could stand alone, for example in syndication. However, the element is still associated with its ancestors; for instance, contact information that applies to a parent body element still covers the article as well. When nesting articles, the child articles represent content that is related to the content of the parent article. For instance, a web log entry on a site that accepts user-submitted comments could represent the comments as articles nested within the article for the web log entry. Author, heading, date, or other information associated with an article does not apply to nested articles.
When the user navigates to an element assigned the role of article, assistive technologies that typically intercept standard keyboard events SHOULD switch to document browsing mode, as opposed to passing keyboard events through to the web application. Some assistive technologies provide a feature allowing the user to navigate the hierarchy of any nested article elements.
When an article is in the context of a feed, the author MAY specify values for aria-posinset and aria-setsize.
Abstract Role
StructureRepresents a non-interactive part of a page that organizes content into coherent units.
Content Categories
Flow ContentAn element that structures and organizes the body of a web document.
Allowed Descendants
Flow Children Allowed
No main element descendants allowed.
Usage
Allowed HTML elements
Implicit semantics
These elements have the role semantics by default, without needing to set the role attribute. Reach for elements with native semantics first when choosing how to implement a role in your content.
article
Explicitly allowed
- None
Elements that can have any role
abbr[role=article]address[role=article]b[role=article]blockquote[role=article]canvas[role=article]cite[role=article]code[role=article]custom-element[role=article]data[role=article]del[role=article]dfn[role=article]div[role=article]em[role=article]figure[role=article]i[role=article]ins[role=article]kbd[role=article]mark[role=article]output[role=article]p[role=article]pre[role=article]q[role=article]samp[role=article]small[role=article]span[role=article]table[role=article]tbody[role=article]tfoot[role=article]thead[role=article]time[role=article]u[role=article]var[role=article]