Element

input

Error Type

Likely

Guidelines

  • Section 508
    Guideline GroupN - accessible forms
  • 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

Alt text for all input elements with a type attribute value of "image" is less than 100 characters (English) or the user has confirmed that the Alt text is as short as possible.

Error

Image used for input element has long Alt text.

Short Description

input elements must have alt attribute value of less than 100 characters (English).

How To Determine

Question Is this long Alt text the shortest possible for the image?
PASS Alt text is shortest possible for the image.
FAIL Alt text is not the shortest possible for the image.

Steps To Check

Procedure

1. Check all input elements that have a type attribute value of "image".
2. Calculate the length of the Alt text.

Expected Result

1. Alt text for all input elements with a type attribute value of "image" is less than 100 characters (English) or the user has confirmed that the Alt text is as short as possible.

Failed Result

1. Change the Alt text so it is less than 100 characters (English) or confirm that the current Alt text is the shortest possible for the image.

Examples

Pass Examples

input element, type of "image", has Alt text less than 100 characters. 
<?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 #60 - Negative</title>
</head>
<body>
<form>
<label for="name">Name</label>: <br/><br/><input type="image" name="name" id="name" src="input.jpg" alt="name">
</form>
</body>
</html>

Fail Examples

input element, type of "image", has Alt text greater than 100 characters. 
<?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 #60 - Positive</title>
</head>
<body>
<form>
<label for="name">Name</label>: <br/><br/><input type="image" name="name" id="name" src="name.jpg" alt="This is some very long alt text for the contro's image. Your alt text should not be this long. Shorten the text to make it more accessible and more pleasant for all.">
</form>
</body>
</html>
Web site engine's code is copyright © 2023
Inclusive Design Institute