Element

input

Error Type

Likely

Guidelines

  • New Guideline
  • Section 508
    Guideline GroupN - accessible forms
  • Stanca Act
    Guideline GroupRequirement 3: Text Equivalents
  • WCAG 2.0 (Level A)
    Guideline Group1.1 Text Altrernatives: Provide text alternatives for any non-text content
    Guideline SubgroupSuccess Criteria 1.1.1 Non-text Content (A)
  • WCAG 2.0 (Level AA)
    Guideline Group1.1 Text Alternatives: Provide text alternatives for any non-text content
    Guideline SubgroupSuccess Criteria 1.1.1 Non-text Content (A)
  • WCAG 2.0 (Level AAA)
    Guideline Group1.1 Text Alternatives: Provide text alternatives for all non-text content
    Guideline SubgroupSuccess Criteria 1.1.1 Non-text Content (A)
  • WCAG SRWSD

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>

English | German | Italiano


Web site engine's code is copyright © 2011
Inclusive Design Institute
Web Service API