Test of ARIA Heading Levels in Nestings
Example 1: An ARIA Heading Level 3 in a DIV, same content as an actual heading, and again with aria-label for accessible name
i am a heading level 3
i am a heading level three
i am a heading level three
i am a heading level 3
Example 2: An ARIA Heading Level 3 in a SPAN in an Anchor Tag
i am a heading level 3
Example 3: An ARIA Heading Level 3 in a DIV in an Anchor Tag
i am a heading level 3
Example 4: More Complex Nesting Than Example 3
some aria-hidden content
Some non-hidden content
some more aria-hidden content
Example 5: Reversing Example 4, So That Interactive Element is Inside of Heading
some aria-hidden content
Some non-hidden content
some more aria-hidden content
Example 6: Same as Example 5, But with an Actual Rather Than ARIA Heading
some aria-hidden content
Some non-hidden content
some more aria-hidden content
Example 7: Overriding Heading Level 2 to Level 4
filler text
Example 8: Overriding Heading Level 2 to Level 5 and Including Redundant Heading Role
filler text