Web Accessibility Checker : Check Details

Element

body

Error Type

Potential

Guidelines

WCAG 2.0 (Level A)
1.3 Ensure that information and structure can be separated from presentation
Success Criteria 1.3.1 Info and Relationships (A)
WCAG 2.0 (Level AA)
1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
Success Criteria 1.3.1 Info and Relationships (A)
WCAG 2.0 (Level AAA)
1.3 Adaptable: Create content that can be presented in different ways without losing information or structure.
Success 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>