45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test.js"></script>
|
|
</head>
|
|
<body id="body">
|
|
|
|
<div role="group" tabindex=0 id="liveregion" aria-live="polite" aria-relevant="additions">
|
|
<img src="test.gif" width=100 height=100 alt="alt text" id="image">
|
|
</div>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
<div id="notifications"></div>
|
|
|
|
<script>
|
|
|
|
description("This tests that changing the alt tag of an image in a live region triggers a live region notification.");
|
|
|
|
var liveRegionAlt = 0;
|
|
function ariaCallbackAlt(notification) {
|
|
if (notification == "AXLiveRegionChanged") {
|
|
document.getElementById("notifications").innerHTML += "Successfully received " + notification;
|
|
liveRegionAlt.removeNotificationListener();
|
|
finishJSTest();
|
|
}
|
|
}
|
|
|
|
if (window.accessibilityController) {
|
|
jsTestIsAsync = true;
|
|
|
|
document.getElementById("liveregion").focus();
|
|
liveRegionAlt = window.accessibilityController.focusedElement;
|
|
|
|
var addedNotification = liveRegionAlt.addNotificationListener(ariaCallbackAlt);
|
|
shouldBe("addedNotification", "true");
|
|
|
|
// this should also trigger our live region change because its a text alternative change.
|
|
document.getElementById("image").setAttribute('alt', "new image text");
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|