homepage Welcome to WebmasterWorld Guest from 54.211.100.183
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / WebmasterWorld / Accessibility and Usability
Forum Library, Charter, Moderators: ergophobe

Accessibility and Usability Forum

    
Image map for navigation
Good or bad for accessibility?
lammert

WebmasterWorld Senior Member lammert us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 31 posted 4:44 pm on Feb 26, 2006 (gmt 0)

On most of my sites I use an image map for the top menu navigation. The image has a usemap="#foo" tag and I leave the alt tag empty. Instead I use alt tags in all the area's that have been defined in the map. This works good in graphical browsers like IE and FF.

I use these image maps because one image with multiple click areas loads faster than many separate small images for each menu choice. I also never had problems with search engines spidering them. A third nice feature is that when you visit the site with a text browser like Lynx, instead of a large list to all top-menu links, there is only one link to the separate main menu list of links to the other pages. Therefore it takes just a few keystrokes to reach the actual content.

So far so good, but I have no idea how image maps are viewed by people with braille readers and comparable devices. Are they easy to navigate or is it better to go back to the one image-one-link approach to enhance accesibility?

 

fish_eye

10+ Year Member



 
Msg#: 31 posted 4:20 am on Feb 27, 2006 (gmt 0)

Not sure if this is an acceptable URL to post (I think it's not-for-profit so should be cool) but I subscribe to this for the latest and greatest on accessibility:
[list.webaim.org...]

RonPK

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 31 posted 11:27 am on Feb 27, 2006 (gmt 0)

@lammert: I see no problems as long you use the alt-attribute to provide text alternatives. WCAG checkpoint 1.1. In the
<img>-tag it should read something like "Navigation links". In <area>-tag it should of course be related to the page the link points to, like "About lammert".

"Dive Into Accessibility" does not object to image maps either.

pageoneresults

WebmasterWorld Senior Member pageoneresults us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 31 posted 1:51 pm on Feb 27, 2006 (gmt 0)

"Dive Into Accessibility" does not object to image maps either.

As long as they are Client Side Image Maps, you're okay.

13 Objects, Images, and Applets
[w3.org...]

13.6 Image maps
[w3.org...]

lammert

WebmasterWorld Senior Member lammert us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 31 posted 12:23 am on Feb 28, 2006 (gmt 0)

These are client side maps so that is no problem. I will take RonPK's advice to add an extra alt text for the map itself. I only had the alt for the areas because that is what people with a visual browser will see when they hoover over the areas, but I understand the use of the map alt text.

Tbanks.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / Accessibility and Usability
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved