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>` to `<h6>` elements, which set the level implicitly.
Used on
A section heading. Prefer native <h1> to <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