Web Accessibility Checker : Check Details

Element

Error Type

Known

Guidelines

Stanca Act
Requirement 19: Link Text

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>