<p>I have a <code>&lt;button&gt;</code> with an accesskey assgined to it. The accesskey works fine as long as the button is visible, but when I set <code>display: none</code> or <code>visibility: hidden</code>, the accesskey no longer works.</p>

<p>Also tried without success:</p>

<ul>
<li>Use a different element type: a, input (various types, even typeless).</li>
<li>Assign the accesskey to a label that wraps the invisible control.</li>
</ul>

<p>Note, I'm not sure if this is the standard behavior, but prior to Firefox 3 the accesskey seemed to worked regardless of visibility.</p>

You can apply a negative margin to push the element outsite of the visible page. I think many browsers and text readers ignore elements with
```
display:none
```
and possibly also
```
visibility:hidden
```
.