HTML accesskey Attribute


The accesskey attribute in HTML is used to set a shortcut key to activate or focus on an element.

Following is the syntax−

<element accesskey="char">

Above, char is the shortcut key.

On Windows, set the access key for different browsers−

Web BrowserWindows OS
Safari[Alt] + accesskey
Chrome[Alt] + accesskey
Firefox[Alt] [Shift] + accesskey

Let us now see an example to implement the accesskey attribute on Google Chrome web browser on Windows−

Example

 Live Demo

<!DOCTYPE html>
<html>
<body>
<h2>Reference Links</h2>
   <a href="https://www.tutorialspoint.com/online_dev_tools.htm" accesskey="t">Tools</a><br>
   <a href="https://www.tutorialspoint.com/codingground.htm" accesskey="c">Online Compiler</a><br>
   <a href="https://www.tutorialspoint.com/whiteboard.htm" accesskey="w">Whiteboard</a><br>
<p>Use <kbd>ALT </kbd> + <kbd>accesskey</kbd> on Chrome</p>
</body>
</html>

Output

Updated on: 12-Jun-2020

147 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements