Web Accessibility Checker : Check Details

Element

input

Error Type

Likely

Guidelines

Section 508
N - accessible forms
Stanca Act
Requirement 3: Text Equivalents
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

Image used in input element - Alt text should not be placeholder text.

Error

Image used in input element - Suspicious Alt text (placeholder).

Short Description

input elements cannot have alt attribute values that are (case insensitive) (exactly) "image", (exactly) "photo" or (anywhere) "bytes".

How To Determine

Question	Is this Alt text appropriate for the image?
PASS	Alt text is appropriate for the image.
FAIL	Alt text is not appropriate for the image.

Steps To Check

Procedure

1. Check all input elements that have a type attribute value of "image".\r\n2. Check the alt attribute value of the input element.

Expected Result

1. The alt attribute value is expected to be different from common placeholder values.\r\n2. Common placeholder values are: "image", "photo" and any text with the word "bytes".

Failed Result

1. Change the alt attribute value or confirm that the current alt attribute value is appropriate for the image.

Examples

Pass Examples

input alt attribute is valid text.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>OAC Testfile - Check #62 - Negative</title>
</head>
<body>
<form>
<label for="name">Name</label>: <br/><br/><input type="image" name="name" id="name" src="input.jpg" alt="input name">
</form>
</body>
</html>

Fail Examples

input alt attribute is "image".

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>OAC Testfile - Check #62 - Positive</title>
</head>
<body>
<form>
<label for="name">Name</label>: <br/><br/><input type="image" name="name" id="name" src="name.jpg" alt="image">
</form>
</body>
</html>