LayoutTests/accessibility/presentational-elements-with-focus.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../fast/js/resources/js-test-pre.js"></script>
   5 </head>
   6 <body id="body">
   7
   8 <div role="group" tabindex="0" id="group">
   9 <img tabindex="0" role="presentation" src="missing.gif" height="10" width="100" aria-label="foo" alt="bar" title="baz"><br><br>
  10 <img tabindex="0" role="presentation" src="missing.gif" height="10" width="100" alt="foo1" title="bar"><br><br>
  11 <img tabindex="0" role="presentation" src="missing.gif" height="10" width="100" alt="" title="foo"><br><br>
  12 <img tabindex="0" role="presentation" src="missing.gif" height="10" width="100" title="foo"><br><br>
  13 </div>
  14
  15 <p id="description"></p>
  16 <div id="console"></div>
  17
  18 <script>
  19
  20     description("This tests that the ARIA presentation role is ignored when an element can set focus.");
  21
  22     if (window.accessibilityController) {
  23
  24           document.getElementById("group").focus();
  25
  26           // Verify that all four images are accessible.
  27           shouldBe("accessibilityController.focusedElement.childrenCount", "4");
  28     }
  29
  30 </script>
  31
  32 <script src="../fast/js/resources/js-test-post.js"></script>
  33 </body>
  34 </html>