Element

h1

Error Type

Known

Guidelines

  • BITV 1.0 (Level 2)
    Guideline GroupLevel 1
    Guideline Subgroup3.5 Use header elements to convey document structure and use them according to specification.
  • WCAG 1.0 (Level AA)
    Guideline GroupPriority 2
    Guideline Subgroup3.5 Use header elements to convey document structure and use them according to specification.
  • WCAG 1.0 (Level AAA)
    Guideline GroupPriority 2
    Guideline Subgroup3.5 Use header elements to convey document structure and use them according to specification.
  • WCAG 2.0 (Level AA)
    Guideline Group2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
    Guideline SubgroupSuccess Criteria 2.4.6 Headings and Labels (AA)
  • WCAG 2.0 (Level AAA)
    Guideline Group2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
    Guideline SubgroupSuccess Criteria 2.4.6 Headings and Labels (AA)

Requirement

The header following an h1 is h1 or h2.

Error

Header nesting - header following h1 is incorrect.

Short Description

The following header must be equal, one level greater or any level less.

How To Repair

Modify the header levels so only an h1 or h2 follows h1.

Steps To Check

Procedure

1. For each h1 element, find the header element that follows it.

Expected Result

1. The header following an h1 is h1 or h2.

Failed Result

1. Rearrange the header order so h1 or h2 elements follow h1 elements.

Examples

Pass Examples

h2 follows an h1
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>OAC Testfile - Check #37 - Negative</title>
</head>
<body>

<h1>The First Heading</h1>
<p>Here is some demo text.</p>
<h2>The Second Heading</h2>
<p>Here is some more demo text.</p>

</body>
</html>

Fail Examples

h3 follows an h1
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>OAC Testfile - Check #37 - Positive</title>
</head>
<body>

<h1>The First Heading</h1>
<p>Here is some demo text.</p>
<div><div><h3>The bad Heading</h3></div></div>
<p>Here is some more demo text.</p>

</body>
</html>
Web site engine's code is copyright © 2023
Inclusive Design Institute