ARCHIVED - Proper usage of "Top of Page" links
This information has been archived because it is outdated and no longer relevant.
Archived Content
Information identified as archived on the Web is for reference, research or recordkeeping purposes. It has not been altered or updated after the date of archiving. Web pages that are archived on the Web are not subject to the Government of Canada Web Standards. As per the Communications Policy of the Government of Canada, you can request alternate formats by contacting us.
In order to make Web pages more accessible, "Top of Page" links pointing to the top of the page should be provided every two to four vertically scrolled pages. It is not necessary to break up tables in order to insert a "Top of Page" link. Nor is it necessary to have one at the end of the document, since there is a "Top of Page" link embedded in the footer
The "Top of Page" link should not be used inside tables or lists (e.g. <ul>, <ol>, <dl> ). The ideal location to place a "Top of Page" link is next to a section header, especially if that section header has an anchor (e.g. <h3><a name="s12" id="s12">1.2 Section Header</a></h3> ).
Here is the code to be used for "Top of Page" links:
English
<div class="topPage"><a href="#tphp" title="Return to Top of Page"><img src="images/tphp.gif" width="19" height="12" alt="" /><br />Top of Page</a></div>
French
<div class="topPage"><a href="#tphp" title="Retourner
au haut de la page"><img src="images/tphp.gif" width="19" height="12" alt="" /><br
/>Haut de la page </a></div>
Here is an example of how to use a "Top of Page" link:
<div class="topPage"><a href="#tphp" title="Return to Top of Page"><img src="images/tphp.gif" width="19" height="12" alt="" /><br />Top of Page</a></div>
<h2><a name="s2fd" id="s2fd">2. Future Directions</a></h2>
This code will result in the "Top of Page" link being positioned to the right of the header as shown below:
