<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/js-test.js"></script>
</head>
<body id="body">
<div id="group" role="group">
<img id="image" usemap="#map" src="data:image/gif;base64,R0lGODlhAQABAIAAAOTm7AAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="100" height="50" alt="">
</div>
<map name="map" id="map">
<area tabindex="0" role="button" shape="rect" coords="0,0,50,50" href="#" title="Example 1">
<area tabindex="0" role="button" shape="rect" coords="50,0,100,50" href="#" title="Example 2">
</map>
<p id="description"></p>
<div id="console"></div>
<script>
description("This tests that you can set an ARIA role on image map elements.");
if (window.accessibilityController) {
var group = accessibilityController.accessibleElementById("group");
shouldBe("group.childAtIndex(0).role", "'AXRole: AXButton'");
shouldBe("group.childAtIndex(1).role", "'AXRole: AXButton'");
}
</script>
</body>
</html>