Element

h5

Error Type

Known

Guidelines

  • 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)
  • WCAG SRWSD

Requirement

The header following an h5 is h6 or any header less than h6.

Error

Header nesting - header following h5 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 h6 follows h5.

Steps To Check

Procedure

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

Expected Result

1. The header following an h5 is h6 or any header less than h6.

Failed Result

1. Rearrange the header order so h6 or any header less than h6 follows h5 headers.

Examples

Pass Examples

h6 follows an h5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>OAC Testfile - Check #41 - Negative</title>
</head>
<body>

<h5>The First Heading</h5>

<h6>The Second Heading</h6>

</body>
</html>

Fail Examples

h6 follows an h4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>OAC Testfile - Check #41 - Positive</title>
</head>
<body>

<h4>The First Heading</h4>

<h6>The Second Heading</h6>

</body>
</html>

English | German | Italiano


Web site engine's code is copyright © 2011
Inclusive Design Institute
Web Service API