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.3 Sensory Characteristics (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.3 Sensory Characteristics (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.3 Sensory Characteristics (A)

Requirement

All text references do not use shape, size, or relative position alone.

Error

Text may refer to items by shape, size, or relative position alone.

Short Description

Items within a Web unit are referenced in the content not only by shape, size or location, but also in ways that do not depend on visual perception.

How To Determine

Question	Are there any references to items in the document by shape, size or relative position alone?
PASS	There are no references to items in the document by shape, size, or relative position alone.
FAIL	There are references to items in the document by shape, size, or relative position alone.

Steps To Check

Procedure

1. View the document text and determine if there are references to other items in the document.
2. Determine if the references use shape, size, or relative position alone.
3. The references to other items must be indicated in ways that do not use visual perception.

Expected Result

1. All text references do not use shape, size, or relative position alone.

Failed Result

1. Modify the text so it includes a reference that does not use visual perception alone.

Examples

Pass Examples

Submit button is referenced by both shape and 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>ATRC Testfile - Check #250.2 - Negative</title>
</head>
<body>

<p>To submit the form, press the round button labeled GO</p>

<form action="http://example.com" method="post">
<p>
<input type="image" name="submit" src="go.gif" alt="go"/>
</p>
</form>

</body>
</html>

Fail Examples

Submit button is referenced by shape alone.

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

<p>To submit the form, press the round button.</p>

<form action="http://example.com" method="post">
<p>
<input type="image" name="submit" src="go.gif" alt="go"/>
</p>
</form>

</body>
</html>