Element

input

Error Type

Known

Guidelines

  • BITV 1.0 (Level 2)
    Guideline GroupLevel 1
    Guideline Subgroup1.1 Provide a text equivalent for every non-text element.
  • Section 508
    Guideline GroupN - accessible forms
  • WCAG 1.0 (Level A)
    Guideline GroupPriority 1
    Guideline Subgroup1.1 Provide a text equivalent for every non-text element.
  • WCAG 1.0 (Level AA)
    Guideline GroupPriority 1
    Guideline Subgroup1.1 Provide a text equivalent for every non-text element.
  • WCAG 1.0 (Level AAA)
    Guideline GroupPriority 1
    Guideline Subgroup1.1 Provide a text equivalent for every non-text element.
  • 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)

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>
Web site engine's code is copyright © 2023
Inclusive Design Institute