Web Accessibility Checker : Check Details

Element

img

Error Type

Potential

Guidelines

Stanca Act
Requirement 7: Avoid Server-side Image Maps

Requirement

Server-side image maps are not used except when image map regions cannot be defined using an available geometric shape.

Error

Server-side image map may be used improperly.

Short Description

A server-side image map should only be used when a client-side image map can not be used.

How To Determine

Question	Can a client-side image map replace this server-side image map?
PASS	A client-side image map can't be used because image map regions are not defined using an available geometric shape.
FAIL	A client-side image map can be used to replace this server-side image map.

Steps To Check

Procedure

1. Check each img element that contains a ismap attribute.
2. Check if the active regions of the image map can be defined using available geometric shapes.

Expected Result

1. Server-side image maps are not used except when image map regions cannot be defined using an available geometric shape.

Failed Result

1. Replace the server-side image map with a client-side image map.

Examples

Pass Examples

Server-side image map does not use available geometric shapes.

<?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 #196 - Negative</title>
</head>
<body>
<p><img src="image.gif" alt="image map" ismap /></p>
<p>To perform this test, you must look at the server-side image map file and determine if the active areas in the image map use available geometric shapes.</p>
</body>
</html>

Fail Examples

Server-side image map uses available geometric shapes.

<?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 #196 - Positive</title>
</head>
<body>
<p><img src="image.gif" alt="image map" ismap /></p>
<p>To perform this test, you must look at the server-side image map file and determine if the active areas in the image map use available geometric shapes.</p>
</body>
</html>