Index: LayoutTests/accessibility/not-ignore-landmark-roles.html |
=================================================================== |
--- LayoutTests/accessibility/not-ignore-landmark-roles.html (revision 0) |
+++ LayoutTests/accessibility/not-ignore-landmark-roles.html (revision 0) |
@@ -0,0 +1,52 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<script src="../resources/js-test.js"></script> |
+</head> |
+<body id="body"> |
+ |
+<div id="container" tabindex="-1"> |
+ <article><div>article element</div></article> |
+ <section><div>section element</div></section> |
+ <header><div>header element</div></header> |
+ <aside><div>aside element</div></aside> |
+ <address><div>address element</div></address> |
+ <footer><div>footer element</div></footer> |
+ <main><div>main element</div></main> |
+ <nav><div>nav element</div></nav> |
+</div> |
+ |
+<p id="description"></p> |
+<div id="console"></div> |
+ |
+<script> |
+if (window.testRunner && window.accessibilityController) { |
+ testRunner.dumpAsText(); |
+ |
+ description("This tests that landmark and related roles are not ignored."); |
+ |
+ var roles = [ |
+ "AXArticle", |
+ "AXRegion", |
+ "AXBanner", |
+ "AXComplementary", |
+ "AXContentInfo", |
+ "AXFooter", |
+ "AXMain", |
+ "AXNavigation" |
+ ]; |
+ |
+ var container = document.getElementById("container"); |
+ container.focus(); |
+ var containerNode = accessibilityController.focusedElement; |
+ |
+ shouldBe("containerNode.childrenCount", "" + roles.length); |
+ |
+ for (var i = 0; i < roles.length; i++) { |
+ var AXObject = containerNode.childAtIndex(i); |
+ shouldBe("AXObject.role", "'AXRole: " + roles[i] + "'"); |
+ } |
+} |
+</script> |
+</body> |
+</html> |