Web Great-Web-Design-Tips.com

You are here > Web Design > Web Accessibility > 42.1. Image Link to the Main Content

Image Link to the Main Content

Attach a link to an unimportant image at the top of the page, and set the target of the image link to the start of the page's main content. Of course, you must place an anchor near the beginning of the main content area for the link to work.

People using a screen reader can activate the link and skip to the main content of the page.

For example:

Image Link
<A HREF="#main_content"><IMG SRC="blank.gif" ALT="Skip to main content"></A>

Start of Main Content Anchor
<A NAME="main_content"></A><H1>Main content</H1>

Text Link to the Main Content >>>

          

Copyright © 2002-10 Art Dacor USA LLC. All Rights Reserved.
3727 West Magnolia Blvd #489, Burbank, CA, 91505, USA.
www.Great-Web-Design-Tips.com