Web Accessibility Checker : Check Details

Element

input

Error Type

Known

Guidelines

BITV 1.0 (Level 2)
Level 1
1.1 Provide a text equivalent for every non-text element.
Section 508
N - accessible forms
WCAG 1.0 (Level A)
Priority 1
1.1 Provide a text equivalent for every non-text element.
WCAG 1.0 (Level AA)
Priority 1
1.1 Provide a text equivalent for every non-text element.
WCAG 1.0 (Level AAA)
Priority 1
1.1 Provide a text equivalent for every non-text element.
WCAG 2.0 (Level A)
1.1 Text Altrernatives: Provide text alternatives for any non-text content
Success Criteria 1.1.1 Non-text Content (A)
WCAG 2.0 (Level AA)
1.1 Text Alternatives: Provide text alternatives for any non-text content
Success Criteria 1.1.1 Non-text Content (A)
WCAG 2.0 (Level AAA)
1.1 Text Alternatives: Provide text alternatives for all non-text content
Success Criteria 1.1.1 Non-text Content (A)

Requirement

All input elements with a type attribute value of "image" have an alt attribute.

Error

Image used for input element is missing Alt text.

Short Description

input element with type of "image" must have an alt attribute.

How To Repair

Add an alt attribute that describes the image to input element.

Steps To Check

Procedure

1. Check all input elements that have a type attribute value of "image".
2. Check for the presence of an alt attribute.

Expected Result

1. All input elements with a type attribute value of "image" have an alt attribute.

Failed Result

1. Add an alt attribute to the input element.
2. Set the alt attribute value so it describes the function of the input element.

Examples

Pass Examples

input element, type of "image", has alt attribute.

<?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>
<title>OAC Testfile - Check #58 - Negative</title>
</head>
<body>
<form action="http://example.com/prog/text-read" method="post">
<p><input type="image" name="submit" src="finddogs.gif" alt="Find Dogs" /></p>
</form>
</body>
</html>

Fail Examples

input element, type of "image", is missing alt attribute.

<?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>
<title>OAC Testfile - Check #58 - Positive</title>
</head>
<body>
<form action="http://example.com/prog/text-read" method="post">
<p><input type="image" name="submit" src="finddogs.gif" /></p>
</form>
</body>
</html>