html tutorial - accesskey Attribute in HTML - html5 - html code - html form




Accesskey attribute in html

Learn html - html tutorial - Accesskey attribute in html - html examples - html programs

  • The <accesskey> attribute specifies a keyboard shortcut and to access the element.
  • The way of accessing the shortcut key is varying in different browsers:
Browsers Windows Linux MAC
Alt+accesskey Alt+accesskey Ctrl+alt+accesskey
Alt+accesskey N/A
Alt+shift+accesskey Alt+shift+accesskey Ctrl+alt+accesskey
Alt+accesskey N/A Ctrl+alt+accesskey
Opera 15 or newer:
[Alt] + accesskey
Opera 12.1 or older:
[Shift] [Esc] + accesskey
Opera 15 or newer:
[Alt] + accesskey
Opera 12.1 or older:
[Shift] [Esc] + accesskey
Opera 15 or newer:
[Alt] + accesskey
Opera 12.1 or older:
[Shift] [Esc] + accesskey

Syntax for accesskey attribute in HTML:

<element accesskey="character">

Difference between HTML4.01 and HTML 5 for accesskey attribute:

HTML 4.01:

  • The accesskey attributes used with the <button>, <label>, <area>, <a>, <legend>and <textarea>.

HTML 5:

  • HTML5 any HTML elements can use accesskey attribute.

Applies To:

Element Attribute
All HTML elements accesskey

accesskey Attribute Value:

Value Description
Character The shortcut key to activate/focus the element.

Sample coding for accesskey attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy-accesskey</title>
    </head>
    <body>
        <h3>Welcome to Wikitechy Online tutorials</h3>
        <a href="https://www.wikitechy.com/step-by-step-html-tutorials/” 
                 accesskey="l">HTML Tutorials</a><br>
        <a href="https://www.wikitechy.com/css/css-introduction" accesskey="c">CSS Tutorials</a>
    </body>
</html>

Code Explanation for accesskey attribute in HTML:

accesskey Attribute Code Explanation

  1. accesskey “l” is set to HTML Tutorials.
  2. accesskey “c” is set to CSS Tutorials.

Output for accesskey attribute in HTML:

accesskey Attribute Output

  1. In Chrome browser, if user press the Alt+l in keyboard the page goes to HTML tutorials in Wikitechy website.
  2. In Chrome browser, if we press the Alt+c in keyboard the page goes to CSS tutorials in Wikitechy website.
accesskey Attribute Output navigation to CSS tutorials press Alt+c
  1. After pressing the Alt+c the CSS tutorials page is open in Wikitechy website.

Browser Support for accesskey attribute in HTML:

Yes Yes Yes Yes Yes

Related Searches to accesskey Attribute in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×