region
Landmark roleA landmark identifying a significant, self-contained section of the page that users may want to navigate to directly. It only becomes a landmark once given an accessible name via aria-label or aria-labelledby. The native `<section>` element takes on this role when it has a label.
Used on
A significant section of content. Prefer <section>.
Required properties
aria-labelledby or aria-label— a region MUST be named
Accessible name
Required — an unnamed region is not exposed as a landmark.
Used by components
Example
role="region"
<section aria-labelledby="h">
<h2 id="h">Featured</h2>
</section>References