Element

h1

Error Type

Potential

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

All h1 elements are not used for formatting.

Error

h1 may be used for formatting.

Short Description

h1 may be used for formatting. Use the proper markup.

How To Determine

Question Is this h1 element really a section header (not just used to format text)?
PASS This h1 element is really a section header.
FAIL This h1 element is used to format text (not really a section header).

Steps To Check

Procedure

1. Check the contents of each h1 element.

Expected Result

1. All h1 elements are not used for formatting.

Failed Result

1. Remove the h1 element and replace it with the appropriate text formatting elements.

Examples

Pass Examples

Header is not used to format text.
<?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 #42 - Negative</title>
</head>
<body>

<h1>The First Heading</h1>

<p>This is <strong>very important</strong> and you should read it.</p>

</body>
</html>

Fail Examples

Header is used to format text.
<?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 #42 - Positive</title>
</head>
<body>

<p>This is</p> <h1>very important</h1> <p>and you should read it.</p>

</body>
</html>

English | German | Italiano


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