<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
</head>
<body id="body">
<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>
<script>
test((t) => {
var usingNone = accessibilityController.accessibleElementById("using-none");
assert_equals(usingNone.name, "Alpha");
var usingLabel = accessibilityController.accessibleElementById("using-label");
assert_equals(usingLabel.name, "Gamma");
var usingLabelledby = accessibilityController.accessibleElementById("using-labelledby");
assert_equals(usingLabelledby.name, "Epsilon");
var usingLabeledby = accessibilityController.accessibleElementById("using-labeledby");
assert_equals(usingLabeledby.name, "Theta");
}, "This tests that if aria-labelledby is used, then aria-label attributes are not used.");
</script>
</body>
</html>