LayoutTests/accessibility/mac/html-section-elements.html

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body id="body">

<header>header</header>
<footer>footer</footer>
<section>section</section>
<article>article</article>
<nav>nav</nav>
<aside>aside</aside>

<article id="article">
<header id="article_header">Should be section header because it's inside an article, and should not be a landmark</header>
<footer id="article_footer">Should be section footer because it's inside an article, and should not be a landmark</footer>
</article>

<section id="section">
<header id="section_header">Should be section header because it's inside a section, and should not be a landmark</header>
<footer id="section_footer">Should be section footer because it's inside a section, and should not be a landmark</footer>
</section>

<main id="main">
<header id="main_header">Should be section header because it's inside a main, and should not be a landmark</header>
<footer id="main_footer">Should be section footer because it's inside a main, and should not be a landmark</footer>
</main>

<p id="description"></p>
<div id="console"></div>

<script>

    description("This tests that the HTML5 section elements map to the correct AX roles.");

    if (window.accessibilityController) {

          document.getElementById("body").focus();
          var body = accessibilityController.focusedElement;
          shouldBe("body.childAtIndex(0).subrole", "'AXSubrole: AXLandmarkBanner'");
          shouldBe("body.childAtIndex(1).subrole", "'AXSubrole: AXLandmarkContentInfo'");
          shouldBe("body.childAtIndex(2).subrole", "'AXSubrole: '");
          shouldBe("body.childAtIndex(3).subrole", "'AXSubrole: AXDocumentArticle'");
          shouldBe("body.childAtIndex(4).subrole", "'AXSubrole: AXLandmarkNavigation'");
          shouldBe("body.childAtIndex(5).subrole", "'AXSubrole: AXLandmarkComplementary'");

          // When a header and footer are inside an article, they should be sectionheader/sectionfooter.
          shouldBe("body.childAtIndex(6).domIdentifier", "'article'");
          shouldBe("body.childAtIndex(6).childAtIndex(0).domIdentifier", "'article_header'");
          shouldBe("body.childAtIndex(6).childAtIndex(0).role", "'AXRole: AXGroup'");
          shouldBe("body.childAtIndex(6).childAtIndex(0).subrole", "'AXSubrole: AXSectionHeader'");
          shouldBe("body.childAtIndex(6).childAtIndex(1).domIdentifier", "'article_footer'");
          shouldBe("body.childAtIndex(6).childAtIndex(1).role", "'AXRole: AXGroup'");
          shouldBe("body.childAtIndex(6).childAtIndex(1).subrole", "'AXSubrole: AXSectionFooter'");

          // When a header and footer are inside a section, they should be sectionheader/sectionfooter.
          shouldBe("body.childAtIndex(7).domIdentifier", "'section_header'");
          shouldBe("body.childAtIndex(7).role", "'AXRole: AXGroup'");
          shouldBe("body.childAtIndex(7).subrole", "'AXSubrole: AXSectionHeader'");

          shouldBe("body.childAtIndex(8).domIdentifier", "'section_footer'");
          shouldBe("body.childAtIndex(8).role", "'AXRole: AXGroup'");
          // FIXME: AXSubrole of the footer should be empty.
          shouldBe("body.childAtIndex(8).subrole", "'AXSubrole: AXSectionFooter'");

          // When a header and footer are inside a main, they should be sectionheader/sectionfooter.
          shouldBe("body.childAtIndex(9).domIdentifier", "'main'");
          shouldBe("body.childAtIndex(9).childAtIndex(0).domIdentifier", "'main_header'");
          shouldBe("body.childAtIndex(9).childAtIndex(0).role", "'AXRole: AXGroup'");
          shouldBe("body.childAtIndex(9).childAtIndex(0).subrole", "'AXSubrole: AXSectionHeader'");
          shouldBe("body.childAtIndex(9).childAtIndex(1).domIdentifier", "'main_footer'");
          shouldBe("body.childAtIndex(9).childAtIndex(1).role", "'AXRole: AXGroup'");
          shouldBe("body.childAtIndex(9).childAtIndex(1).subrole", "'AXSubrole: AXSectionFooter'");
    }

</script>

</body>
</html>