iNET Interactive - Online Advertising Agency
          
   Home    Authors    About    Login    Contact Us
   Search:   
Advanced Search     
  Articles

  ASP (26)
  ASP.NET (19)
  C and C++ (4)
  CFML (2)
  CGI and Perl (16)
  Flash (2)
  Java (7)
  JavaScript (28)
  PHP (92)
  MySQL (13)
  MSSQL (3)
  HTML (34)
  SEO (9)
  Visual Basic (12)
  CSS (13)
  SSI (5)
  XML (12)
  C# (14)

  Developer News

May 16, 2008
Who Are Your Top Friends on Facebook?
About
 
May 15, 2008
Reader Question - Would you host your client's work on your website?
About
 
May 15, 2008
How to Create an Ajax Autocomplete Text Field: Part 6
WebReference.com
 
May 14, 2008
Poll: Are the browser safe colors still needed?
About
 
May 14, 2008
Google Doctype launched
About
 
May 14, 2008
Web Editor Reviews - 6 New Reviews
About
 
Courtesy of moreover.com
 
Want to receive new articles via e-mail? Click here!
/Home /HTML

Make your site more accessible using access keys 

  Views:    2473
  Votes:    2
by Dan Bailey 12/04/03 Rating: 

Synopsis:

Let users navigate your site using their keyboard.
Pages: 
The Article

If you don't know what access keys are, they let users navigate your site using different keys on their keyboard. This is a vital accessibility feature, and benefits those users that have difficulty using a mouse. Access keys are an official W3C standard.

To implement access keys you define a specific key for each navigation link on your site. It's really very simple, for example the home page would be given the number 1, and would be defined in the page as follows:

<a href="index.html" accesskey="1">Home</a>

Using this method, each item in your menu can be given a specific access key. On Windows, the user would press ALT and the accesskey, and their browser would take them to the home page. On a Mac they would press Control and the access key. Some browsers require you to press the Enter key too.

Whilst there is currently no "standard" list of which keys to use, there are some that are most commonly used and recognised. It's a good idea to stick to these as it makes things easier for your visitors. These are also the standard for government websites, so they're widely used. Of course you don't have to use them all, but if any pages on your site fall under these descriptions then you should give them the relevant access key.

Access key S
Skip navigation

Access key 1
Home page

Access key 2
What's new

Access key 3
Site map

Access key 4
Site search

Access key 5
FAQ

Access key 6
Help

Access key 7
Complaints procedure

Access key 8
Terms & conditions

Access key 9
Feedback

Access key 0
Access key details

You'll notice the last option, access key 0 - access key details. It's recommended that you have a page on your site detailing which access keys you have used, otherwise your users won't know! You could also underline the relevant letter in each link, eg. Home could be Home. This lets your users see at a glance which keys are available.

You don't have to stop with those, you can define keys for every single navigation link on your site. For example, a Products page could be given the key P, a Links page could be L, and so on.

By integrating access keys into your site you make things easier for a vast number of people, and it's worth remembering that if people can't navigate your site, they won't stay!
 
Pages: 

Similar/related articles:


 
  Sponsors