Welcome to WebmasterWorld Guest from 107.20.110.201

Forum Moderators: ergophobe

Message Too Old, No Replies

Image map for navigation

Good or bad for accessibility?

     

lammert

4:44 pm on Feb 26, 2006 (gmt 0)

WebmasterWorld Senior Member lammert is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



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

4:20 am on Feb 27, 2006 (gmt 0)

10+ Year Member



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

11:27 am on Feb 27, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



@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

1:51 pm on Feb 27, 2006 (gmt 0)

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



"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

12:23 am on Feb 28, 2006 (gmt 0)

WebmasterWorld Senior Member lammert is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



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.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month