| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| </head> |
| <body id="body"> |
| <p id="description">This tests that if aria-labelledby is used, then aria-label attributes are not used.</p> |
| |
| <button id="using-none">Alpha</button> |
| <button id="using-label" aria-label="Gamma">Beta</button> |
| <button id="using-labelledby" aria-labelledby="epsilon" aria-label="Zeta">Delta</button> |
| <button id="using-labeledby" aria-labeledby="theta" aria-label="Iota">Eta</button> |
| <span id="epsilon">Epsilon</span> |
| <span id="theta">Theta</span> |
| |
| <ul id="results"></ul> |
| <div id="console"></div> |
| |
| <script> |
| function getAccessibilityObject(id) { |
| var element = document.getElementById(id); |
| element.focus(); |
| return accessibilityController.focusedElement; |
| } |
| |
| function output(str) { |
| var results = document.getElementById("results"); |
| var li = document.createElement("li"); |
| li.appendChild(document.createTextNode(str)); |
| results.appendChild(li); |
| } |
| |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| if (window.accessibilityController) { |
| var usingNone = getAccessibilityObject("using-none"); |
| output("usingNone.title: [" + usingNone.title + "]"); |
| output("usingNone.description: [" + usingNone.description + "]"); |
| |
| var usingLabel = getAccessibilityObject("using-label"); |
| output("usingLabel.title: [" + usingLabel.title + "]"); |
| output("usingLabel.description: [" + usingLabel.description + "]"); |
| |
| var usingLabelledby = getAccessibilityObject("using-labelledby"); |
| output("usingLabelledby.title: [" + usingLabelledby.title + "]"); |
| output("usingLabelledby.description: [" + usingLabelledby.description + "]"); |
| |
| var usingLabeledby = getAccessibilityObject("using-labeledby"); |
| output("usingLabeledby.title: [" + usingLabeledby.title + "]"); |
| output("usingLabeledby.description: [" + usingLabeledby.description + "]"); |
| } |
| |
| successfullyParsed = true; |
| </script> |
| |
| </body> |
| </html> |