Access Keys - An Explanation

Access Keys enabled across this web site are:

1 - Cathy's Home page
2 - My Hobbies Page
3 - My Reference Page
4 - Disable Student Allowance
5 - Family Tree Index
6 - Genealogy Links Page 1
7 - Genealogy Links Page 2
8 - Genealogy Links Page 3
9 - Stephen's Home Page
0 - Access key details (this page)
n - next page
p - previous page
s - skip navigation - for screen reader users, to avoid reading top of page navigation all the time


How to Use Access Keys with different browsers:

Different browsers enable the use of Access Keys differently:

Note:

Opera can be configured to use an easier key system. For example, I use the hash key (#) to activate / deactivate the access keys. To configure the access trigger key, go to Tools - Preferences - Advanced - Shortcuts and then go to Edit Keyboard Setup, choose the heading Application and look for Access Keys in the right hand column. Having set hash, I then press hash to list the access keys, and then press the key I want.

TECHNICAL NOTE:

The little numbers alongside those links with access keys have been inserted into this page using a cascading style sheet (CSS). If you are knowledgeable about the way your browser works, you can insert the code as a User Style, so that all pages with access keys have their links highlighted in this manner.

Using the Opera browser in Linux may be the easiest to amend - just copy the text below (as say 'accesskey.css') into your Home directory /home/username/.opera/styles/user/ (the full stop in front of 'opera' indicates a hidden folder).

For Opera in XP you need to save the file in the User Application Data folder %APPDATA%OperaOperaprofilestylesuseraccesskey.css

Then turn on and off using the menu option view / style.

By default you will need to use the menu option view/style/user mode before you can select your style show access keys, but you can make the selection more available easily without having to first select User Mode, by using menu option view/style/manage modes and putting a tick in the box on the left under Author Mode for My Style Sheet. Keep the other boxes ticked. Another way to reach the same options choice to set your style sheet is menu choice tools/options/preferences/advanced/style options. Other browsers require much more work.

Here is the css code you need - it will only highlight links with access keys, using superscript characters, it will not mark any buttons or input boxes that have access keys. The commented Name: is used by Opera to insert the style into your View/Style menu.

 					@charset "utf-8"; 					/* Name: Show access keys 					Copyright 2006 George Shaw */ 					/* Show access keys visually */ 					a[accesskey]:after, label[accesskey]:after, legend[accesskey]:after { 					margin-left: 0.25em; 					content: attr(accesskey); 					font: bold 8pt sans-serif; 					vertical-align: super; 					} 					/* Note: Don't do text boxes and buttons, as they sometimes lose their borders if you do: 					button[accesskey]:after, input[accesskey]:after, textarea[accesskey]:after */