Web Accessibility Checker : Check Details

Element

form

Error Type

Potential

Guidelines

WCAG 2.0 (Level A)
3.3 Input Assistance: Help users avoid and correct mistakes.
Success Criteria 3.3.2 Labels or Instructions (A)
WCAG 2.0 (Level AA)
3.3 Input Assistance: Help users avoid and correct mistakes.
Success Criteria 3.3.2 Labels or Instructions (A)
WCAG 2.0 (Level AAA)
3.3 Input Assistance: Help users avoid and correct mistakes.
Success 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>