OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script src="../resources/js-test.js"></script> |
| 5 </head> |
| 6 <body id="body"> |
| 7 |
| 8 <div id="container" tabindex="-1"> |
| 9 <article><div>article element</div></article> |
| 10 <section><div>section element</div></section> |
| 11 <header><div>header element</div></header> |
| 12 <aside><div>aside element</div></aside> |
| 13 <address><div>address element</div></address> |
| 14 <footer><div>footer element</div></footer> |
| 15 <main><div>main element</div></main> |
| 16 <nav><div>nav element</div></nav> |
| 17 </div> |
| 18 |
| 19 <p id="description"></p> |
| 20 <div id="console"></div> |
| 21 |
| 22 <script> |
| 23 if (window.testRunner && window.accessibilityController) { |
| 24 testRunner.dumpAsText(); |
| 25 |
| 26 description("This tests that landmark and related roles are not ignored."); |
| 27 |
| 28 var roles = [ |
| 29 "AXArticle", |
| 30 "AXRegion", |
| 31 "AXBanner", |
| 32 "AXComplementary", |
| 33 "AXContentInfo", |
| 34 "AXFooter", |
| 35 "AXMain", |
| 36 "AXNavigation" |
| 37 ]; |
| 38 |
| 39 var container = document.getElementById("container"); |
| 40 container.focus(); |
| 41 var containerNode = accessibilityController.focusedElement; |
| 42 |
| 43 shouldBe("containerNode.childrenCount", "" + roles.length); |
| 44 |
| 45 for (var i = 0; i < roles.length; i++) { |
| 46 var AXObject = containerNode.childAtIndex(i); |
| 47 shouldBe("AXObject.role", "'AXRole: " + roles[i] + "'"); |
| 48 } |
| 49 } |
| 50 </script> |
| 51 </body> |
| 52 </html> |
OLD | NEW |