Semantics
A landmark that is designed to be complementary to the main content at a similar level in the DOM hierarchy, but remaining meaningful when separated from the main content.
Abstract Role
LandmarkRepresents a top-level section of a page, relevant to a specific purpose, that a user may want to scan for quickly and could appear in a site map or table of contents.
Content Category
Flow ContentAn element that structures and organizes the body of a web document.
Allowed Descendants
Flow Children Allowed
No main element descendants allowed.
Usage
Elements that can designate the role in HTML:
aside
section[role=complementary]
div[role=complementary]
custom-element[role=complementary]