heading
Document structure roleIdentifies a heading that introduces a section of content, with its rank set by aria-level from 1 to 6. Headings form the document outline screen-reader users rely on to skim and navigate. Prefer native `<h1>`–`<h6>` elements, which set the level implicitly.
Used on
A section heading. Prefer native <h1>–<h6>.
Required properties
aria-level— the heading level, 1–6+
Accessible name
From the heading's child text content.
Used by components
Example
role="heading"
<div role="heading" aria-level="2">Section title</div>References