Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | accesskey Attribute

  • Difficulty Level : Basic
  • Last Updated : 10 Aug, 2021

The accesskey attribute in HTML is the keyboard shortcuts to activate/focus specific elements. The access key attribute is browser dependent. It may vary from browser to browser.
Supported Tags: It supports all HTML elements. 

Syntax: 
 

<element accessKey = "single_character">

Shortcut to use access key: The table describes the shortcut to use access key. 
 

BrowserWindowsMacLinux
Google ChromeAlt + single_characterCommand + Alt + single_characterAlt + single_character
Mozilla FirefoxAlt + Shift + single_characterCommand + Alt + single_character (On Firefox 14 or newer)
Command + single_character (On Firefox 13 or older)
Alt + Shift + single_character
Internet ExplorerAlt + single_characterN/AN/A
SafariAlt + single_characterCommand + Alt + single_characterN/A
Opera 15+Alt + single_characterCommand + Alt + single_characterAlt + single_character

Note: 
 

  • In HTML4.1, the accesskey attributes can be used with only few elements which include <a>, <area>, <button>, <input>, <label>, <legend>, and <textarea>.
  • In HTML5, the accesskey attribute can be used with any element.

 

The behavior of the browser differs when dealing with more than one element having the same accesskey:

 

  • Google Chrome and Safari: The last element with the accesskey will be activated
  • Opera: The first element with the accesskey will be activated
  • Internet Explorer and Mozilla Firefox: The next element with the accesskey will be activated

Example: 
 

html




<!DOCTYPE html>
<html>
    <head>
        <title>
            accesskey attribute
        </title>
    </head>
     
    <body style = "text-align:center">
        <h1>GeeksforGeeks</h1>
         
        <h2>HTML accesskey attribute</h2>
         
        <!-- The accesskey attribute used here -->
        <a href="https://ide.geeksforgeeks.org/tryit.php"
            accesskey = "g">GeeksforGeeks
        </a>
    </body>
</html>                   

Output: 
Before using the access key: 
 

accesskey

After using the access key: 
 

Supported Browsers: The browser supported by accesskey attribute are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.


My Personal Notes arrow_drop_up

Start Your Coding Journey Now!