| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| |
| <img id="image1" src="pythagorean.jpg" alt="Pythagorean Theorem" aria-details="details1 details2"> |
| <details open id="details1"> |
| <summary>Details example</summary> |
| <p> |
| The Pythagorean Theorem is a relationship in Euclidean Geometry between the three sides of |
| a right triangle, where the square of the hypotenuse is the sum of the squares of the two |
| opposing sides. |
| </p> |
| <p> |
| The following drawing illustrates an application of the Pythagorean Theorem when used to |
| construct a skateboard ramp. |
| </p> |
| <p> |
| In this example you will notice a skateboard ramp with a base and vertical board whose width |
| is the width of the ramp. To compute how long the ramp must be, simply calculate the |
| base length, square it, sum it with the square of the height of the ramp, and take the |
| square root of the sum. |
| </p> |
| </details> |
| <p>See an <a href="http://foo.com/pt.html" id="details2">Application of the Pythagorean Theorem</a>.</p> |
| |
| <p id="description"></p> |
| <div id="console"></div> |
| |
| <script> |
| description("This verifies the exposure of aria-details."); |
| |
| if (window.accessibilityController) { |
| image1 = accessibilityController.accessibleElementById("image1"); |
| details = image1.detailsElements(); |
| shouldBe("details.length", "5"); |
| shouldBe("details[0].description", "'AXLabel: Details example'"); |
| shouldBe("details[2].description", "'AXLabel: The following drawing illustrates an application of the Pythagorean Theorem when used to construct a skateboard ramp.'"); |
| shouldBe("details[4].description", "'AXLabel: Application of the Pythagorean Theorem'"); |
| } |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
