Element

all elements

Error Type

Potential

Guidelines

  • WCAG 2.0 (Level A)
    Guideline Group3.2 Predictable: Make Web pages appear and operate in predictable ways.
    Guideline SubgroupSuccess Criteria 3.2.2 On Input (A)
  • WCAG 2.0 (Level AA)
    Guideline Group3.2 Predictable: Make Web pages appear and operate in predictable ways.
    Guideline SubgroupSuccess Criteria 3.2.2 On Input (A)
  • WCAG 2.0 (Level AAA)
    Guideline Group3.2 Predictable: Make Web pages appear and operate in predictable ways.
    Guideline SubgroupSuccess 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>

English | German | Italiano


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