Element

body

Error Type

Potential

Guidelines

  • WCAG 2.0 (Level A)
    Guideline Group1.3 Ensure that information and structure can be separated from presentation
    Guideline SubgroupSuccess Criteria 1.3.1 Info and Relationships (A)
  • WCAG 2.0 (Level AA)
    Guideline Group1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
    Guideline SubgroupSuccess Criteria 1.3.1 Info and Relationships (A)
  • WCAG 2.0 (Level AAA)
    Guideline Group1.3 Adaptable: Create content that can be presented in different ways without losing information or structure.
    Guideline SubgroupSuccess Criteria 1.3.1 Info and Relationships (A)

Requirement

All visual lists are marked.

Error

Visual lists may not be properly marked.

Short Description

Create lists of related items using list elements appropriate for their purposes.

How To Determine

Question Do all visual lists contain proper markup?
PASS All visual lists contain proper markup.
FAIL Not all visual lists contain proper markup.

Steps To Check

Procedure

1. View the document and find any visual lists.
2. Determine if the lists contain proper markup.
3. Note: The proper markup for visual lists includes the elements li, ol, ul, dl and dt.

Expected Result

1. All visual lists are marked.

Failed Result

1. Modify the lists so they contain the proper markup.

Examples

Pass Examples

Visual list contains proper markup.
<?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>ATRC Testfile - Check #248.2 - Negative</title>
</head>
<body>

<ul>
<li>chocolate</li>
<li>vanilla</li>
<li>cherry</li>
<li>bananna</li>
</ul>

</body>
</html>

Fail Examples

Visual list does not contain proper markup.
<?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>ATRC Testfile - Check #248.1 - Positive</title>
</head>
<body>

<p>
* chocolate<br/>
* vanilla<br/>
* cherry<br/>
* bananna<br/>
</p>

</body>
</html>

English | German | Italiano


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