third_party/WebKit/LayoutTests/accessibility/aria-list-and-listitem.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 <div role="list">
   9 <div role="listitem" aria-label="item 1"><img src='#' width=100 height=100></div>
  10 <div role="listitem" aria-label="item 2"><img src='#' width=100 height=100></div>
  11 </div>
  12
  13 <p id="description"></p>
  14 <div id="console"></div>
  15
  16 <script>
  17
  18     description("This tests that the ARIA roles of list and listitem map correctly to Mac accessibility roles.");
  19
  20     if (window.accessibilityController) {
  21
  22           // this text field should be required.
  23           document.getElementById("body").focus();
  24           var obj = accessibilityController.focusedElement;
  25
  26           debug("obj.childAtIndex(0).role = " + obj.childAtIndex(0).role);
  27           debug("obj.childAtIndex(0).childAtIndex(0).role = " + obj.childAtIndex(0).childAtIndex(0).role);
  28           debug("obj.childAtIndex(0).childAtIndex(1).role = " + obj.childAtIndex(0).childAtIndex(1).role);
  29     }
  30
  31 </script>
  32
  33 </body>
  34 </html>