Web Accessibility Checker : Check Details

Element

img

Error Type

Known

Guidelines

BITV 1.0 (Level 2)
Level 1
9.1 Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.
Section 508
F - client-side image maps instead of server-side
WCAG 1.0 (Level A)
Priority 1
9.1 Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.
WCAG 1.0 (Level AA)
Priority 1
9.1 Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.
WCAG 1.0 (Level AAA)
Priority 1
9.1 Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.

Requirement

All img elements with an ismap attribute have a valid usemap attribute.

Error

Server-side image map used without client-side image map.

Short Description

img element may not contain an ismap attribute.

How To Repair

Create a client-side image map that duplicates the functionality of the server-side image map.

Steps To Check

Procedure

1. Check each img element that contains a ismap attribute.

Expected Result

1. All img elements with an ismap attribute have a valid usemap attribute.

Failed Result

1. Add a valid usemap attribute to the img element.

Examples

Pass Examples

img element contains both ISMAP and usemap attributes.

<?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>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>OAC Testfile - Check #12 - Negative</title>
</head>
<body>
<p><img src="image.gif" alt="image map" ismap="ismap" usemap="#map1"/></p>
</body>
</html>

Fail Examples

img element contains an ismap attribute but no usemap 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>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>OAC Testfile - Check #12 - Positive</title>
</head>
<body>
<p><img src="image.gif" alt="image map" ismap="ismap" /></p>
</body>
</html>