| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../resources/js-test-pre.js"></script> |
| </head> |
| <body id="body"> |
| |
| <div id="content" role="group"> |
| <input type="hidden"> |
| </div> |
| |
| <p id="description"></p> |
| <div id="console"></div> |
| |
| <script> |
| |
| description("This tests that input type of hidden are not exposed when aria-hidden=false"); |
| |
| if (window.accessibilityController) { |
| // By default, this should have no children because input type=hidden is hidden. |
| var content = accessibilityController.accessibleElementById("content"); |
| shouldBe("content.childrenCount", "0"); |
| |
| // When aria-hidden=true, content should not even be there |
| document.getElementById("content").setAttribute("aria-hidden", "true"); |
| content = accessibilityController.accessibleElementById("content"); |
| shouldBeTrue("!content || !content.isValid()"); |
| |
| // When aria-hidden=false, we should NOT expose input type=hidden |
| document.getElementById("content").setAttribute("aria-hidden", "false"); |
| content = accessibilityController.accessibleElementById("content"); |
| shouldBe("content.childrenCount", "0"); |
| |
| // And changing back to true on the fly should have a similar effect |
| document.getElementById("content").setAttribute("aria-hidden", "true"); |
| content = accessibilityController.accessibleElementById("content"); |
| shouldBeTrue("!content || !content.isValid()"); |
| } |
| |
| </script> |
| |
| <script src="../resources/js-test-post.js"></script> |
| </body> |
| </html> |
