| <!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> |
| |
