| <!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> |
| |
| <div id="content" role="group"> |
| <!-- First, test role="group" elements. --> |
| <div id="aria-label-group" role="group" aria-label="Blue cheese"> |
| Blue cheese |
| </div> |
| |
| <div id="title-group" role="group" title="Oranges"> |
| Oranges |
| </div> |
| |
| <!-- Also test role-less generic divs. --> |
| <div id="aria-label-div" aria-label="Jello"> |
| Jello |
| </div> |
| |
| <div id="title-div" title="Broccoli"> |
| Broccoli |
| </div> |
| |
| <div id="describer">Cheesecake</div> |
| <div id="aria-describedby-div" aria-describedby="describer"> |
| Cheesecake |
| </div> |
| |
| <div id="click-handler-div" aria-label="Div click handler" onclick="emptyClickHandler()"> |
| Div click handler |
| </div> |
| |
| <div id="click-handler-group" role="group" aria-label="Group click handler" onclick="emptyClickHandler()"> |
| Group click handler |
| </div> |
| </div> |
| |
| <script> |
| description("This test ensures WebKit ignores groups with redundant accessibility text."); |
| const emptyClickHandler = () => {}; |
| |
| if (window.accessibilityController) { |
| var contentContainer = accessibilityController.accessibleElementById("content"); |
| |
| var ariaLabelGroup = accessibilityController.accessibleElementById("aria-label-group"); |
| var clickHandlerGroup = accessibilityController.accessibleElementById("click-handler-group"); |
| var titleGroup = accessibilityController.accessibleElementById("title-group"); |
| |
| var ariaLabelDiv = accessibilityController.accessibleElementById("aria-label-div"); |
| var clickHandlerDiv = accessibilityController.accessibleElementById("click-handler-div"); |
| var titleDiv = accessibilityController.accessibleElementById("title-div"); |
| var ariaDescribedByDiv = accessibilityController.accessibleElementById("aria-describedby-div"); |
| |
| // We shouldn't be able to get an accessible element for these groups because they should be ignored. |
| shouldBeTrue("!ariaLabelGroup"); |
| shouldBeTrue("!titleGroup"); |
| shouldBeTrue("!ariaLabelDiv"); |
| shouldBeTrue("!titleDiv"); |
| shouldBeTrue("!ariaDescribedByDiv"); |
| // But any group with an event handler should always be exposed. |
| shouldBe("typeof clickHandlerGroup", "'object'"); |
| shouldBe("typeof clickHandlerDiv", "'object'"); |
| |
| // Ensure we can search for the text within the ignored groups. |
| var resultElement = contentContainer.uiElementForSearchPredicate(contentContainer, true, "AXAnyTypeSearchKey", "", false); |
| shouldBe("resultElement.role", "'AXRole: AXStaticText'"); |
| shouldBe("resultElement.stringValue", "'AXValue: Blue cheese'"); |
| |
| resultElement = contentContainer.uiElementForSearchPredicate(resultElement, true, "AXAnyTypeSearchKey", "", false); |
| shouldBe("resultElement.role", "'AXRole: AXStaticText'"); |
| shouldBe("resultElement.stringValue", "'AXValue: Oranges'"); |
| |
| resultElement = contentContainer.uiElementForSearchPredicate(resultElement, true, "AXAnyTypeSearchKey", "", false); |
| shouldBe("resultElement.role", "'AXRole: AXStaticText'"); |
| shouldBe("resultElement.stringValue", "'AXValue: Jello'"); |
| |
| resultElement = contentContainer.uiElementForSearchPredicate(resultElement, true, "AXAnyTypeSearchKey", "", false); |
| shouldBe("resultElement.role", "'AXRole: AXStaticText'"); |
| shouldBe("resultElement.stringValue", "'AXValue: Broccoli'"); |
| |
| // Ensure the only accessible content exposed via `children` is the text elements and event handler groups. |
| shouldBe("contentContainer.childrenCount", "8"); |
| shouldBe("contentContainer.childAtIndex(0).stringValue", "'AXValue: Blue cheese'"); |
| shouldBe("contentContainer.childAtIndex(0).role", "'AXRole: AXStaticText'"); |
| |
| shouldBe("contentContainer.childAtIndex(1).stringValue", "'AXValue: Oranges'"); |
| shouldBe("contentContainer.childAtIndex(1).role", "'AXRole: AXStaticText'"); |
| |
| shouldBe("contentContainer.childAtIndex(2).stringValue", "'AXValue: Jello'"); |
| shouldBe("contentContainer.childAtIndex(2).role", "'AXRole: AXStaticText'"); |
| |
| shouldBe("contentContainer.childAtIndex(3).stringValue", "'AXValue: Broccoli'"); |
| shouldBe("contentContainer.childAtIndex(3).role", "'AXRole: AXStaticText'"); |
| |
| debug("Verifying #describer") |
| shouldBe("contentContainer.childAtIndex(4).role", "'AXRole: AXGroup'"); |
| |
| shouldBe("contentContainer.childAtIndex(5).stringValue", "'AXValue: Cheesecake'"); |
| shouldBe("contentContainer.childAtIndex(5).role", "'AXRole: AXStaticText'"); |
| |
| debug("Verifying #click-handler-div") |
| shouldBe("contentContainer.childAtIndex(6).role", "'AXRole: AXGroup'"); |
| debug("Verifying #click-handler-group") |
| shouldBe("contentContainer.childAtIndex(7).role", "'AXRole: AXGroup'"); |
| |
| document.getElementById("content").style.visibility = "hidden"; |
| } |
| </script> |
| </body> |
| </html> |
| |
