Am I correct in assuming
<div>
<h1></h1>
<h2></h2>
<h3></h3>
<div headingoffset=“1”>
👉🏻<h1>This will be H2 not H4</h1>
<h2> H3 not H5 </h2>
<h3> H4 not H6 </h3>
</div>
</div>
To get the second you would need headingoffset=“3”
Also this makes the :heading() selector make sense 😊
So, how does this work with aria-level and custom headings?
<h1>lvl 1</h1>
<section headingoffset="1">
<h1 aria-level="3">
lvl 3 or lvl 2?
</h1>
<my-heading role="heading">
lvl 2?
</my-heading>
<my-heading role="heading" aria-level="3">
lvl 3 or lvl 2?
</my-heading>
</section>