Heading Nesting in Modal Examples
Dialog with inappropriate heading jump from h1 to h3 - Fail
Modal Title
Level 3 Heading without h2
Content here
Dialog with inappropriate heading jump from h2 to h4 - Fail
Modal Title
Level 4 Heading without h3
Content here
Dialog with proper heading nesting - Pass
Modal Title
Level 2 Heading
Level 3 Heading
Content here
Dialog element with inappropriate heading jump - Fail
Element with role="alertdialog" and inappropriate heading jump - Fail
Alert Title
Level 4 Heading without h3
Alert content
Element with role="alertdialog" and proper heading nesting - Pass
Alert Title
Level 3 Heading
Level 4 Heading
Alert content
Element with role="heading" and inappropriate level jump - Fail
Heading Level 1
Heading Level 3
Content
Element with role="heading" and proper level nesting - Pass
Heading Level 1
Heading Level 2
Heading Level 3
Content