57 lines
2.1 KiB
HTML
57 lines
2.1 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
var successfullyParsed = false;
|
|
</script>
|
|
</head>
|
|
<body id="body">
|
|
|
|
<div id="hidden" style="display:none">hidden label</div>
|
|
|
|
<span id="heading1" role="heading" aria-label="test label">visible text</span>
|
|
<span id="heading2" role="heading">visible text</span>
|
|
<span id="heading3" role="heading" aria-labelledby="hidden">visible text</span>
|
|
|
|
<h2 id="heading4"><span>text1</span><a id="link" href="">link</a></h2>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
|
|
description("This tests that if heading has aria-label, it will override the visible text as necessary.");
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
var heading1Text = accessibilityController.accessibleElementById("heading1").childAtIndex(0);
|
|
var heading2Text = accessibilityController.accessibleElementById("heading2").childAtIndex(0);
|
|
var heading3Text = accessibilityController.accessibleElementById("heading3").childAtIndex(0);
|
|
|
|
// Get the trait so that the label will be set.
|
|
shouldBeTrue("heading1Text.traits == heading2Text.traits");
|
|
shouldBeTrue("heading3Text.traits == heading2Text.traits");
|
|
|
|
shouldBe("heading1Text.description", "'AXLabel: test label'");
|
|
shouldBe("heading2Text.description", "'AXLabel: visible text'");
|
|
shouldBe("heading3Text.description", "'AXLabel: hidden label'");
|
|
|
|
// When a heading has multiple children, ensure the children's
|
|
// labels are correct if aria-label is NOT set.
|
|
var heading4 = accessibilityController.accessibleElementById("heading4");
|
|
var heading4Text1 = heading4.childAtIndex(0);
|
|
var linkText = accessibilityController.accessibleElementById("link").childAtIndex(0);
|
|
|
|
shouldBe("heading4Text1.description", "'AXLabel: text1'");
|
|
shouldBe("linkText.description", "'AXLabel: link'");
|
|
}
|
|
|
|
successfullyParsed = true;
|
|
</script>
|
|
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|
|
|