HTML accesskey Attribute
Example
Two hyperlinks with specified accesskeys:
<a href="https://www.noidatut.com/html5" accesskey="h">HTML5</a><br>
<a href="https://www.noidatut.com/css3" accesskey="c">CSS3</a>
Try it yourself »
Definition and Usage
The accesskey attribute specifies a shortcut key to activate/focus an element.
Note: The way of accessing the shortcut key is varying in different browsers:
| Browser | Windows | Linux | Mac |
|---|---|---|---|
| Internet Explorer | [Alt] + accesskey | N/A | |
| Chrome | [Alt] + accesskey | [Alt] + accesskey | [Control] [Alt] + accesskey |
| Firefox | [Alt] [Shift] + accesskey | [Alt] [Shift] + accesskey | [Control] [Alt] + accesskey |
| Safari | [Alt] + accesskey | N/A | [Control] [Alt] + accesskey |
| Opera | Opera 15 or newer: [Alt] + accesskey Opera 12.1 or older: [Shift] [Esc] + accesskey |
||
However, in most browsers the shortcut can be set to another combination of keys.
Tip: The behavior if more than one element has the same access key differs:
- IE, Firefox: The next element with the pressed access key will be activated
- Chrome, Safari: The last element with the pressed access key will be activated
- Opera: The first element with the pressed access key will be activated
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| accesskey | Yes | Yes | Yes | Yes | Yes |
Differences Between HTML 4.01 and HTML5
In HTML5, the accesskey attribute can be used on any HTML element (it will validate on any HTML element. However, it is not necessarily useful).
In HTML 4.01, the accesskey attribute can be used with: <a>, <area>, <button>, <input>, <label>, <legend>, and <textarea>.
Syntax
<element accesskey="character">
Attribute Values
| Value | Description |
|---|---|
| character | Specifies the shortcut key to activate/focus the element |
Related Pages
HTML Tutorial: HTML Attributes
HTML DOM reference: accessKey Property
