So, for many companies the standard is to meet Priority 1 and Priority 2 or 3 where practical.
Some of the most important Priority 1 elements are indicated by these ‘Quick Tips’
from the WAI:
Images and animations: use alt tagsto describe the function of each visual.
Image maps: use the client-side map and text for hotspots.
Multimedia: provide captioning and transcripts of audio, and descriptions of video.
Hypertext links: use text that makes sense when read out of context, for example
avoid ‘click here’.
Page organisation: use headings, lists, and consistent structure. Use CSS for layout and
style where possible.
Graphs and charts: summarise or use the longdesc attribute.
Scripts, applets and plug-ins: provide alternative content in case active features are
inaccessible or unsupported.
Frames: use the noframes element and meaningful titles.
Tables: make line-by-line reading sensible. Summarise.
Check your work. Validate: Use tools, checklist, and guidelines at http://www.w3.org/TR/WCAG.
Figure 7.5 is an example of an accessible site which still meets brand and business
objectives while supporting accessibility through resizing of screen resolution, text resiz-
ing and alternative image text.
CHAPTER 7· DELIVERING THE ONLINE CUSTOMER EXPERIENCE
Alt tags
Alt tags appear after an
image tag and contain a
phrase associated with
that image. For
example: ‹img
src=”logo.gif”
alt=”Company name,
company products”/›
Figure 7.5HSBC Global home page (www.hsbc.com)
INMA_C07.QXD 17/5/06 4:23 pm Page 316