The
region
role is an
ARIA landmark
role.
The
region
role should be reserved for sections of content sufficiently important that users will likely want to navigate to the section easily and to have it listed in a summary of the page. A region role is a more generic term, and should only be used if the section needing to be identified is not accurately described by one of the other landmark roles, such as
banner
,
main
,
contentinfo
,
complementary
, or
navigation
.
Every element with a
region
role should include a label that describes the purpose of the content in the region, preferably with an
aria-labelledby
referencing a visible header. If no visible appropriate header is present,
aria-label
should be used.
The
region
landmark role's content should make sense if separated from the main content of the document.
Using the
<section>
element will automatically communicate a section has a role of
region
if it is given an accessible name. Developers should always prefer using the correct semantic HTML element, in this case
<section>
, over using ARIA.