test_aria_imgmap.html (3058B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Test usemap elements and ARIA</title> 5 <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css" /> 6 7 <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> 8 <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script> 9 10 <script type="application/javascript" 11 src="../common.js"></script> 12 <script type="application/javascript" 13 src="../role.js"></script> 14 <script type="application/javascript" 15 src="../events.js"></script> 16 <script type="application/javascript" 17 src="../states.js"></script> 18 19 <script type="application/javascript"> 20 // gA11yEventDumpToConsole = true; 21 function doPreTest() { 22 waitForImageMap("imagemap", doTest); 23 } 24 25 function doTest() { 26 var imageMap = getAccessible("imagemap"); 27 28 var t1 = imageMap.getChildAt(0); 29 testStates(t1, 0, EXT_STATE_EDITABLE, STATE_LINKED); 30 var t2 = imageMap.getChildAt(1); 31 testStates(t2, 0, EXT_STATE_EDITABLE, STATE_LINKED); 32 var rb1 = imageMap.getChildAt(2); 33 testStates(rb1, (STATE_CHECKABLE | STATE_CHECKED), 0, STATE_LINKED); 34 var rb2 = imageMap.getChildAt(3); 35 testStates(rb2, STATE_CHECKABLE, 0, STATE_CHECKED, STATE_LINKED); 36 var cb1 = imageMap.getChildAt(4); 37 testStates(cb1, (STATE_CHECKABLE | STATE_CHECKED), 0, STATE_LINKED); 38 var cbox = imageMap.getChildAt(5); 39 testStates(cbox, (STATE_HASPOPUP | STATE_COLLAPSED), 40 EXT_STATE_EXPANDABLE, STATE_LINKED); 41 42 SimpleTest.finish(); 43 } 44 45 SimpleTest.waitForExplicitFinish(); 46 addA11yLoadEvent(doPreTest); 47 </script> 48 49 </head> 50 <body> 51 52 <a target="_blank" 53 href="https://bugzilla.mozilla.org/show_bug.cgi?id=548291" 54 title="ARIA states on image maps"> 55 Mozilla Bug 548291 56 </a> 57 <p id="display"></p> 58 <div id="content" style="display: none"></div> 59 <pre id="test"> 60 </pre> 61 62 <img id="imagemap" src="../formimage.png" width="219" height="229" border="0" usemap="#ariaMap"> 63 <map id="ariaMap" name="ariaMap"> 64 <area id="t1" role="textbox" shape="rect" tabindex="0" alt="" title="first name" coords="4,20,108,48" href="#" /> 65 <area id="t2" role="textbox" shape="rect" alt="" title="last name" coords="111,21,215,50" href="#" /> 66 <area id="rb1" role="radio" aria-checked="true" shape="circle" alt="" title="male" coords="60,75,11" href="#" /> 67 <area id="rb2" role="radio" shape="circle" alt="" title="female" coords="73,94,11" href="#" /> 68 <area id="cb1" role="checkbox" aria-checked="true" shape="rect" alt="" title="have bike" coords="95,123,118,145" href="#" /> 69 <area id="cbox" role="combobox" shape="rect" alt="" title="bike model" coords="120,124,184,146" href="#" /> 70 <area id="cb2" role="checkbox" shape="rect" alt="" title="have car" coords="90,145,114,164" href="#" /> 71 <area id="cb3" role="checkbox" shape="rect" alt="" title="have airplane" coords="130,163,152,184" href="#" /> 72 <area id="b1" role="button" shape="rect" alt="" title="submit" coords="4,198,67,224" href="#" /> 73 </map> 74 </body> 75 </html>