Element

h3

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 h3 elements are not used for formatting.

Error

h3 may be used for formatting.

Short Description

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

How To Determine

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

Steps To Check

Procedure

1. Check the contents of each h3 element.

Expected Result

1. All h3 elements are not used for formatting.

Failed Result

1. Remove the h3 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 #44 - Negative</title>
</head>
<body>

<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 #44 - Positive</title>
</head>
<body>

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

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