What Happens with Nested Fake Headings
This is a custom element with role="heading"
and aria-level="2"
. It contains a <div>
with role="group"
. That <div>
contains another custom element with role="heading"
but with aria-level="3"
.
The following code shows that same construct in HTML. An <h3>
nested in a <section>
nested in a <h2>
.
A Real Level 3 Heading
A Real Level 3 Heading
Neither of these constructs is valid. Test with your favorite automated testing tools to see which gets flagged.