Accesskey Implementation

Accessibility

Keyboard shortcuts are a takes major role in operating systems, the same can be applied for any website. This can be achieved by using the ‘accesskey’. This allows the user to jump to a specific part of web page via keyboard.

<ul>
<li><a href=”./” accesskey=”H”>Home</a></li>
<li><a href=”about.html” accesskey=”A”>About us</a></li>
<li><a href=”service.html” accesskey=”S”>Services</a></li>
<li><a href=”portfolio.html” accesskey=”P”>Portfolio</a></li>
<li><a href=”contact.html” accesskey=”C”>Contact</a></li>
</ul>

We can also emphasize like below

<li><a href=”./” accesskey=”H”><em>H</em>ome</a></li>

Accesskey comparison table

Browser Combination of Keys
Internet Explorer Alt + Accesskey
Firefox Alt + Shift + Accesskey
Chrome Alt + Accesskey
Safari Alt + Accesskey
Opera Shift + Esc + Accesskey
Print Friendly, PDF & Email

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.