Element

form

Error Type

Potential

Guidelines

  • WCAG 2.0 (Level A)
    Guideline Group3.3 Input Assistance: Help users avoid and correct mistakes.
    Guideline SubgroupSuccess Criteria 3.3.2 Labels or Instructions (A)
  • WCAG 2.0 (Level AA)
    Guideline Group3.3 Input Assistance: Help users avoid and correct mistakes.
    Guideline SubgroupSuccess Criteria 3.3.2 Labels or Instructions (A)
  • WCAG 2.0 (Level AAA)
    Guideline Group3.3 Input Assistance: Help users avoid and correct mistakes.
    Guideline SubgroupSuccess Criteria 3.3.2 Labels or Instructions (A)

Requirement

All form fields that are required are indicated to the user as required.

Error

All required form fields may not be indicated as required.

Short Description

Ensure that the label for any interactive component within Web content makes the component's purpose clear.

How To Determine

Question Are all required fields indicated to the user as required?
PASS All required fields are indicated to the user as required.
FAIL All required fields are not indicated to the user as required.

Steps To Check

Procedure

1. View the form.
2. Determine which fields are required for submission of the form.
3. Check if the required fields are indicated to the user as required.

Expected Result

1. All form fields that are required are indicated to the user as required.

Failed Result

1. Modify the form field labels so they indicate the required fields.

Examples

Pass Examples

Required fields (first name and last name) are marked as "required".
<?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 #246.2 - Negative</title>
</head>
<body>

<form action="http://www.test.com">

<p>
<label for="firstname">First Name (required):</label>
<input type="text" id="firstname" /><br/>
<label for="lastname">Last Name (required):</label>
<input type="text" id="lastname" /><br/>
<label for="colour">Favourite Colour:</label>
<input type="text" id="colour" /><br/>
<input type="submit" value="submit"/>
</p>

</form>

</body>
</html>

Fail Examples

Required fields (first name and last name) are not marked as "required".
<?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 #246.1 - Positive</title>
</head>
<body>

<form action="http://www.test.com">

<p>
<label for="firstname">First Name:</label>
<input type="text" id="firstname" /><br/>
<label for="lastname">Last Name:</label>
<input type="text" id="lastname" /><br/>
<label for="colour">Favourite Colour:</label>
<input type="text" id="colour" /><br/>
<input type="submit" value="submit"/>
</p>

</form>

</body>
</html>

English | German | Italiano


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