<!DOCTYPE html>
<meta charset="utf-8">
<title>accesskey focus element</title>
<link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#the-accesskey-attribute">
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>

<div id="focusableDiv" tabindex="0" accesskey="a"></div>
<div id="nonFocusableDiv" accesskey="b"></div>
<input id="input" accesskey="c"</input>
<select id="select" accesskey="d"></select>
<a id="link" href="#" accesskey="e"></a>

<script>

function pressAccessKey(key)
{
    if (navigator.userAgent.search(/\bMac OS X\b/) != -1)
        modifiers = ["ctrlKey", "altKey"];
    else
        modifiers = ["altKey"];
    eventSender.keyDown(key, modifiers);
}

test(() => {
    pressAccessKey("a");
    assert_equals(document.activeElement, focusableDiv);
}, "DIV element with tabindex can be focused via accesskey");
test(() => {
    pressAccessKey("b");
    assert_equals(document.activeElement, focusableDiv);
}, "DIV element without tabindex can NOT be focused via accesskey");
test(() => {
    pressAccessKey("c");
    assert_equals(document.activeElement, input);
}, "INPUT element can be focused via accesskey");
test(() => {
    pressAccessKey("d");
    assert_equals(document.activeElement, select);
}, "SELECT element can be focused via accesskey");
test(() => {
    pressAccessKey("e");
    assert_equals(document.activeElement, link);
}, "A element can be focused via accesskey");

</script>