2012-09-11 22:00:35 +00:00
|
|
|
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2013-09-08 01:18:24 +00:00
|
|
|
<script src="../resources/js-test-pre.js"></script>
|
2016-05-20 18:34:14 +00:00
|
|
|
<script src="../resources/accessibility-helper.js"></script>
|
2012-09-11 22:00:35 +00:00
|
|
|
</head>
|
|
|
|
|
<body id="body">
|
|
|
|
|
|
|
|
|
|
<div role="group" tabindex="0" id="images">
|
|
|
|
|
<img alt="" height="100" width="100">
|
|
|
|
|
<img title="test1" height="100" width="100">
|
|
|
|
|
<img alt="alt" title="test2" height="100" width="100">
|
|
|
|
|
<div role="img" title="test3" width="100" height="100">test</div>
|
|
|
|
|
<div role="img" alt="alt" title="test4" width="100" height="100">test</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<p id="description"></p>
|
|
|
|
|
<div id="console"></div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
description("This tests that images will fallback to using the title attribute if no other descriptive text is present.");
|
|
|
|
|
|
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
|
|
|
|
|
|
document.getElementById("images").focus();
|
|
|
|
|
var imagesGroup = accessibilityController.focusedElement;
|
|
|
|
|
|
|
|
|
|
// First image should have a description of "test1" because there is no alt tag (it should use the title).
|
|
|
|
|
// The title should NOT be in the help text.
|
|
|
|
|
var image1 = imagesGroup.childAtIndex(0).childAtIndex(0);
|
2016-05-20 18:34:14 +00:00
|
|
|
debug("Image1:");
|
|
|
|
|
debug(platformTextAlternatives(image1));
|
2012-09-11 22:00:35 +00:00
|
|
|
|
|
|
|
|
// Second image should use the description from the alt tag instead of the title.
|
|
|
|
|
// The help text should reflect what's in the title.
|
|
|
|
|
var image2 = imagesGroup.childAtIndex(0).childAtIndex(1);
|
2016-05-20 18:34:14 +00:00
|
|
|
debug("Image2:");
|
|
|
|
|
debug(platformTextAlternatives(image2));
|
2012-09-11 22:00:35 +00:00
|
|
|
|
|
|
|
|
// Now do the same checks for ARIA type images.
|
|
|
|
|
var image3 = imagesGroup.childAtIndex(1);
|
2016-05-20 18:34:14 +00:00
|
|
|
debug("Image3:");
|
|
|
|
|
debug(platformTextAlternatives(image3));
|
2012-09-11 22:00:35 +00:00
|
|
|
|
|
|
|
|
// Now do the same checks for ARIA type images.
|
|
|
|
|
var image4 = imagesGroup.childAtIndex(2);
|
2016-05-20 18:34:14 +00:00
|
|
|
debug("Image4:");
|
|
|
|
|
debug(platformTextAlternatives(image4));
|
2012-09-11 22:00:35 +00:00
|
|
|
|
|
|
|
|
// Verify that the first image (with an empty alt tag) is ignored
|
|
|
|
|
// by checking the children count of the group containing the native images == 2.
|
|
|
|
|
shouldBe("imagesGroup.childAtIndex(0).childrenCount", "2");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
2013-09-08 01:18:24 +00:00
|
|
|
<script src="../resources/js-test-post.js"></script>
|
2012-09-11 22:00:35 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
