third_party/WebKit/LayoutTests/accessibility/aria-used-on-image-maps.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../resources/js-test.js"></script>
   5 </head>
   6 <body id="body">
   7
   8 <img id="image" usemap="#map" src="data:image/gif;base64,R0lGODlhAQABAIAAAOTm7AAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="100" height="50" alt="">
   9 <map name="map" id="map">
  10     <area tabindex="0" role="button" shape="rect" coords="0,0,50,50" href="#" title="Example 1">
  11     <area tabindex="0" role="button" shape="rect" coords="50,0,100,50" href="#" title="Example 2">
  12 </map>
  13
  14 <p id="description"></p>
  15 <div id="console"></div>
  16
  17 <script>
  18
  19     description("This tests that you can set an ARIA role on image map elements.");
  20
  21     if (window.accessibilityController) {
  22           document.body.focus();
  23           var group = accessibilityController.focusedElement.childAtIndex(0);
  24           shouldBe("group.childAtIndex(0).role", "'AXRole: AXButton'");
  25           shouldBe("group.childAtIndex(1).role", "'AXRole: AXButton'");
  26     }
  27
  28 </script>
  29
  30 </body>
  31 </html>