Web Accessibility Checker : Check Details

Element

form

Error Type

Potential

Guidelines

WCAG 2.0 (Level AA)
3.3 Input Assistance: Help users avoid and correct mistakes.
Success Criteria 3.3.3 Error Suggestion (AA)
WCAG 2.0 (Level AAA)
3.3 Input Assistance: Help users avoid and correct mistakes.
Success Criteria 3.3.3 Error Suggestion (AA)

Requirement

All form submission error messages provide assistance in correcting the error.

Error

Form submission error messages may not provide assistance.

Short Description

Information about the nature and location of the input error is provided in text to enable the users to identify the problem.

How To Determine

Question	Do all form submission error messages provide assistance in correcting the error?
PASS	All form submission error messages provide assistance in correcting the error.
FAIL	All form submission error messages do not provide assistance in correcting the errors.

Steps To Check

Procedure

1. Check all forms in the document.
2. Fill out the form entering invalid data.
3. Check that an error message is returned identifying the error with information that assists in correcting the error.
4. The following are examples of information that assists in correcting the error:
5. Examples of correct data entered into the form fields.
6. Examples of correct data with directions on how to enter them into the form fields.
7. A description of correct data.

Expected Result

1. All form submission error messages provide assistance in correcting the error.

Failed Result

1. Modify the form submission error messages so they provide assistance in correcting the error.

Examples

Pass Examples

Form submission error message provides assistance.

<?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 #268.2 - Negative</title>
</head>
<body>

<p>Assume the form below was submitted to the server and has now been returned with an error message.</p>

<p><strong>Error:</strong> Date should be entered as dd mm yyyy (e.g. 30 12 2006).</p>

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

<p>
<label for="date">date:</label>
<input type="text" id="firstname" /><br/>
<input type="submit" value="submit"/>
</p>

</form>

</body>
</html>

Fail Examples

Form submission error message does not provide assistance.

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

<p>Assume the form below was submitted to the server and has now been returned with an error message.</p>

<p><strong>Error:</strong> Form submission wrong.</p>

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

<p>
<label for="date">date:</label>
<input type="text" id="firstname" /><br/>
<input type="submit" value="submit"/>
</p>

</form>

</body>
</html>