LayoutTests/accessibility/mac/header.html

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

<header tabindex="0" id="header01">Header outside section and article elements.</header>
<article>
    <header tabindex="0" id="header02">Header inside an article.</header>
</article>
<section>
    <header tabindex="0" id="header03">Header inside a section.</header>
</section>

<script>
    function expectRole(expectedRole, expectedDescription, id) {
        shouldBeEqualToString(`accessibilityController.accessibleElementById("${id}").role`, `AXRole: ${expectedRole}`);
        shouldBeEqualToString(`accessibilityController.accessibleElementById("${id}").roleDescription`, `AXRoleDescription: ${expectedDescription}`);
    }

    if (window.accessibilityController) {
        expectRole("AXGroup", "banner", "header01");
        expectRole("AXGroup", "section header", "header02");
        expectRole("AXGroup", "section header", "header03");
    }
</script>

</body>
</html>