The <h> elements are not structured in a logical nested way

Compliance Data & User Impact

User Impact: Blocker

80% Complete

Disabilities Affected:

  • blindness
  • deafblindness
  • learning disabilities

WCAG Version:
2

WCAG Levels:

  • A

WCAG Guidelines:

Solution Techniques:

Automated Test Accuracy:
High

Check1st Severity:
2

DRRSAG Designations:

  • general

How to Fix the Problem

Fix the headers to be correctly nested from H1 to H6.

The Algorithm, in Simple Terms

Engine scans for illogical nesting of <h> tags.

Why Is it Important?

Users who use assistive tools, such as screen readers will need to understand the structure of the page in order to navigate through it.

Code Example

<h1>First Header</h1>

  ...

 <h2>Second Header</h2>

 ...

 <h3>Third Header</h3>