Web Accessibility Checker : Check Details

Element

img

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

title attribute for all img elements is absent or the empty string ("") if the image is decorative.

Error

img has title attribute and image may be decorative.

Short Description

Decorative images must have no title or empty string title.

How To Determine

Question	Is this image decorative?
PASS	Image is not decorative.
FAIL	Image is decorative.

Steps To Check

Procedure

1. Check each img element and check for a title attribute.
2. Determine if the image 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. title attribute for all img elements is absent or the empty string ("") if the image is decorative.

Failed Result

1. Remove the title attribute if the image is decorative.

Examples

Pass Examples

Image is decorative and title attribute is an empty string ("").

<?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>ATRC Testfile - Check #239.2 - Negative</title>
</head>
<body>
<p>My poem requires a big space<img src="10pttab.gif" title="" width="5" height="5"/>here.</p>
</body>
</html>

Fail Examples

Image is decorative and title attribute is not an empty string ("").

<?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>ATRC Testfile - Check #239.1 - Positive</title>
</head>
<body>
<p>My poem requires a big space<img src="10pttab.gif" title="big space" width="5" height="5"/>here.</p>
</body>
</html>