Accesskeys allows us to navigate our website without a mouse, using keyboard shortcuts to our menus. It is accessed using alt+accesskey in windows or ctrl+accesskey in Mac. It works well in Firefox and IE, hope it must work fine with other browsers too. Creating Accesskey is simple using "accesskey" attribute as follows:

<href="http://i5bala.blogspot.com/" accesskey="B"/>Balakumar<a/>



Although accesskey is added to the letter 'B', there won't be any underline for the letter 'B' by default to visually indicate it as a accesskey. For this using the CSS, the emphasis tag is styled to give underline for the letter 'B':

<a href="http://i5bala.blogspot.com/" accesskey="B"> <em>B</em>ala<a/>

Now add the following styles in the tag:

a {
text-decoration: none;
}

a em {
font-style: normal;
font-weight: normal;
text-decoration: underline;
}

The final result would be:



Hope it is useful for beginner level. Got any other ideas just drop in your comments.