LayoutTests/accessibility/aria-hidden-hides-all-elements.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 id="content" role="group">
   9
  10 <main id="main" aria-hidden="true">
  11     <video controls="controls"></video>
  12     <select id="select"><option>a</select>
  13     <input type="range">
  14     <input type="data">
  15     <progress></progress>
  16     <ul><li>item</li></ul>
  17     <select size="10"><option>a</select>
  18     <img src="resources/cake.png" width="145" height="126" usemap="#map">
  19     <map name="map">
  20         <area shape="rect" coords="0,0,100,100" href="#" alt="cake">
  21     </map>
  22 </main>
  23
  24 </div>
  25
  26 <script>
  27
  28     description("This tests aria-hidden on a parent node will hide all these special subclass objects.");
  29
  30     if (window.accessibilityController) {
  31
  32         var content = accessibilityController.accessibleElementById("content");
  33         shouldBe("content.childrenCount", "0");
  34
  35         // Clear the HTML for better results.
  36         document.getElementById("content").innerHTML = "";
  37     }
  38
  39
  40 </script>
  41
  42 <script src="../fast/js/resources/js-test-post.js"></script>
  43 </body>
  44 </html>
  45