Element

a

Error Type

Known

Guidelines

Requirement

Alt text for all img elements used as source anchors is different from the link text.

Error

Anchor contains redundant text.

Short Description

If an image occurs within a link, the Alt text should be different from the link text.

How To Repair

Change the image's Alt text or link text so they differ.

Steps To Check

Procedure

1. Check all img elements that occur within a source a (anchor) element.
2. Compare the Alt text of the image to the link text.

Expected Result

1. Alt text for all img elements used as source anchors is different from the link text.

Failed Result

1. Change the Alt text or the link text so they are different.

Examples

Pass Examples

Anchor contains image with Alt text different from link text.
<?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 #175 - Negative</title>
</head>
<body>

<p>
<a href="page1.html"><img src="star.jpg" alt=""/>page1</a>
</p>

</body>
</html>

Fail Examples

Anchor contains image with Alt text same as link text.
<?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 #175 - Positive</title>
</head>
<body>

<p>
<a href="page1.html"><img src="star.jpg" alt="page1"/>page1</a>
</p>

</body>
</html>

English | German | Italiano


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