blob: ac8193e57217ddfd3db45a688178680c13f9b9f8 [file] [log] [blame]
<!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.name: [" + usingNone.name + "]");
var usingLabel = getAccessibilityObject("using-label");
output("usingLabel.name: [" + usingLabel.name + "]");
var usingLabelledby = getAccessibilityObject("using-labelledby");
output("usingLabelledby.name: [" + usingLabelledby.name + "]");
var usingLabeledby = getAccessibilityObject("using-labeledby");
output("usingLabeledby.name: [" + usingLabeledby.name + "]");
}
successfullyParsed = true;
</script>
</body>
</html>