View this site in accessible SWAP renderings[ Alt Z ]
Logo for UB Access
An Accessible Web for an Accessible World


SWAPTM alternative renderings are:

W3C HTML 4.0 certified seal [D]

W3C CSS certified seal [D]

W3C WAI AAA certified seal [D]

[promotional photo] Man with laptop outside

UB Access Presents
The Standardized Page MapTM

PageMap is an open UB Access standard that makes your page even easier to navigate Not only does this help the user jump right to the section they want, it let's them know what is on the page. Use the same format as above for internal page links.

Using the PageMapTM in your site is as simple as inserting a few lines of HTML into your page.

Step 1:
Check to see if the PageMapTM is linking to a seperate page, or if you are linking to a section within the page you are on.

For Same Page

First, insert the following code where you want the PageMapTM placeholder to be.

<a href="#PageMap_Page_map" accesskey=0 tabindex="0">

This creates an anchor for the browser to jump to. Using the access key "0" will take you to activate this link. This link goes to an internal link called "#PageMap_Page_map".

<img src="space.gif" width=1 height=1 alt="PageMap Placeholder Page map. Access key 0"</a>

This makes a 1 pixle by 1 pixle dot. For someone using a visual browser this can not be seen. However, a device such as a screen or braille reader will read the ALT tag of this image. Thus, important information (such as telling the user where they are on the page, and what access key they can use to jump there next time) is passed on.

<a name="PageMap_Page_map"></a>

This code creates the destination point for the access key.

For Seperate Page

For the links to other pages, you simply need one line as follows:

<a href="YOUR-CONTACT.PAGE.html" accesskey=6 tabindex="0">Contact Us</a>

Here is a table summary of all the code you need to insert the MapMapTM placeholders.
Page HTML Code
Page map
<a href="#PageMap_Page_map" accesskey=0 tabindex="0"><img src="space.gif" width=1 height=1 alt="PageMap Placeholder - Page map. Access key 0"</a><a name="PageMap_Page_map"></a>
Start of the page
<a href="#PageMap_Start_of_the_page" accesskey=1 tabindex="0"><img src="space.gif" width=1 height=1 alt="PageMap Placeholder - Start of the page. Access key 1"</a><a name="PageMap_Start_of_the_page"></a>
Main content area of page
<a href="#PageMap_Main_content_area_of_page" accesskey=2 tabindex="0"><img src="space.gif" width=1 height=1 alt="PageMap Placeholder - Main content area of page. Access key 2"</a><a name="PageMap_Main_content_area_of_page"></a>
Main navigation bar
<a href="#PageMap_Main_navigation_bar" accesskey=3 tabindex="0"><img src="space.gif" width=1 height=1 alt="PageMap Placeholder - Main navigation bar. Access key 4"</a><a name="PageMap_Main_navigation_bar"></a>
Right hand column (if it exists)
<a href="#PageMap_Right_hand_column" accesskey=4 tabindex="0"><img src="space.gif" width=1 height=1 alt="PageMap Placeholder - Right hand column. Access key 4"</a><a name="PageMap_Right_hand_column"></a>
Bottom footer area
<a href="#PageMap_Bottom_footer_area" accesskey=5 tabindex="0"><img src="space.gif" width=1 height=1 alt="PageMap Placeholder - Bottom_ footer area. Access key 5"</a><a name="PageMap_Bottom_footer_area"></a>
Link to "Contact Us" page
<a href="YOUR-CONTACT.PAGE.html" accesskey=6 tabindex="0">Contact Us</a>
Link to the UB Access Help page
<a href="http://www.UBAccess.com/accessibility_help_form.html" accesskey=8 tabindex="0">Accessibility Feedback Form</a>
Link to the UB Access Accessibility Feedback Form
<a href="http://www.UBAccess.com/accessibility_feedback_form.html" accesskey=8 tabindex="0">Accessibility Feedback Form</a>
Link to long description page
<A href="YOUR-LONG-DESCRIPTION.html" accesskey="9" tabindex= "0">Long Description</a>

Step 2:
At the top of your page write that your site is PageMapTM compliant. PageMap should be a link to http://www.UBAccess.com/pagemap.html.

To let us know that you are using it, contact us at support@UB Access.com. This will allow us to recommend disabled users to visit your site, test your site and keep you informed of any developments with the PageMapTM standard.

Step 3:
To make your page even easier to navigate you can put in custome links to the main sections of your website. Not only does this help the user jump right to the section they want, it let's them know what is on the page. Use the same format as above for internal page links. After you mention that your site is PageMapTM compliant, you should list the content-specific PageMapTM links.