DEV 2.6 Construct accessible image maps

Recommendations

• Do not use image maps for the sake of it:
  • Consider individual image links to perform the same function;
  • Consider a simple text-based menu instead.
• Always use client-side image maps, never use server-side maps:
  • There are almost no circumstances that justify the use of server-side maps - if they are used then a redundant set of links (or equivalent functionality) must be supplied.
• Provide alt text (see DEV 6.1):
  • For each area of the image map to describe its function;
  • For the map as a whole to describe its overall function.
• Use the title attribute as well:
  • Just replicate the alt text in the title attribute:
    • This will supply information that some browsers leave out.
• Avoid very small clickable areas:
  • Small targets might be difficult or impossible to use by people with sight or mobility impairments.
• Add a cue to each area to show that it is clickable:
  • e.g. borders on geographical maps, rollover effects etc.

Examples