| <!DOCTYPE html PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../resources/js-test-pre.js"></script> |
| <script src="../resources/accessibility-helper.js"></script> |
| </head> |
| <body id="body"> |
| <div tabindex="0" role="group" id="images"> |
| <img alt="cake0" src="resources/cake.png" /><br /> |
| <img alt class="cake1 unassigned-alt" src="resources/cake.png" /><br /> |
| <img alt="cake2" src="resources/cake.png" /><br /> |
| </div> |
| |
| <p id="description"></p> |
| <div id="console"></div> |
| |
| <script> |
| description( |
| 'This tests that img elements with an alt attribute and no assigned value are ignored.', |
| ); |
| if (window.accessibilityController) { |
| document.getElementById('images').focus(); |
| var imagesGroup = accessibilityController.focusedElement; |
| // there are 3 images, but one has an alt attribute that is unassigned, so it should be |
| // ignored. as a result, the image count is 2. |
| shouldBe('imagesGroup.childrenCount', '2'); |
| // make sure alt text is being read before and after |
| shouldBeEqualToString( |
| 'platformValueForW3CName(imagesGroup.childAtIndex(0))', |
| 'cake0', |
| ); |
| // accessiblityController should see the <img> element w/o alt attribute as an image, |
| // and use the filename as the alt text. currently it returns an empty string. |
| // this issue is documented here: <rdar://problem/51669261> |
| // shouldBeEqualToString("platformValueForW3CName(imagesGroup.childAtIndex(1))", "cake.png"); |
| shouldBeEqualToString( |
| 'platformValueForW3CName(imagesGroup.childAtIndex(1))', |
| 'cake2', |
| ); |
| } |
| </script> |
| |
| <script src="../resources/js-test-post.js"></script> |
| </body> |
| </html> |
