Web Accessibility Checker : Check Details

Element

all elements

Error Type

Potential

Guidelines

WCAG 2.0 (Level A)
3.2 Predictable: Make Web pages appear and operate in predictable ways.
Success Criteria 3.2.2 On Input (A)
WCAG 2.0 (Level AA)
3.2 Predictable: Make Web pages appear and operate in predictable ways.
Success Criteria 3.2.2 On Input (A)
WCAG 2.0 (Level AAA)
3.2 Predictable: Make Web pages appear and operate in predictable ways.
Success Criteria 3.2.5 Change on Request (AAA)

Requirement

Change of context occurs only by user activation unless a warning is provided.

Error

Change of context may occur without user activation.

Short Description

Provide a method for activating things that is predictable by the user.

How To Determine

Question	Does this script cause a change of context (new window)?
PASS	Script does not cause change of context.
FAIL	Script causes change of context.

Steps To Check

Procedure

1. Move the keyboard focus through all document content.
2. Watch for new windows to appear.
3. If change of focus causes new window to appear check if there is a warning message to user.

Expected Result

1. Change of context occurs only by user activation unless a warning is provided.

Failed Result

1. Modify or remove the script that causes change of context without user activation.

Examples

Pass Examples

Window change occurs only after user selects form submit button.

<?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>Testfile - Check #274.2 - Positive</title>
</head>
<body>

<form action="http://www.example.com" method="post">
<p>
<select name="flavour">
<option>Choose A Flavour</option>
<option value="c">chocolate</option>
<option value="v">vanilla</option>
<option value="m">mango</option>
</select><br/>
<input type="submit" value="submit flavour" />
</p>
</form>

</body>
</html>

Fail Examples

Window changes when user selects option.

<?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>Testfile - Check #274.1 - Positive</title>
</head>
<body>

<form action="http://www.example.com" method="post">
<p>
<select name="flavour" onchange="this.form.submit();">
<option>Select a flavour</option>
<option value="c">chocolate</option>
<option value="v">vanilla</option>
<option value="m">mango</option>
</select>
</p>
</form>

</body>
</html>