Web Accessibility Checker : Check Details

Element

input

Error Type

Potential

Guidelines

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

Alt text for all input elements with a type attribute value of "image" contains all non decorative text in the image.

Error

Form submit button image may contain text that is not in Alt text.

Short Description

This error is generated for all input elements that have a type of "image".

How To Determine

Question	Is any text within the image also in the Alt text unless text is decorative?
PASS	Any text in image is also in Alt text or text in image is decorative.
FAIL	Image contains text that is not in Alt text.

Steps To Check

Procedure

1. For each input element that has a type attribute value of "image", check if the associated image contains any text.
2. If the image contains text, check if the text is decorative.
3. Note: For this document, "decorative" is defined as "content that does not provide information, functionality, sensory experience and is neither multimedia nor time-dependent interactive".

Expected Result

1. Alt text for all input elements with a type attribute value of "image" contains all non decorative text in the image.

Failed Result

1. Modify the Alt text so it contains any non decorative text within the image.

Examples

Pass Examples

Alt text has all text within image.

<?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 #193 - 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

Alt text does not contain all text in image and text is not decorative.

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