|
![[promotional photo] Man with laptop outside](images/stock/bwpic11.jpg)
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.
|