Accessibility and Usability Guide
by TomAtack
- Contents
- Introduction
- Further Guidance
Image Use
Provide a useful alternative description of every image
How should I use images?
- Supplement text with images to facilitate comprehension.
- Where images are used, each image must be described in words.
What is alt text?
Every image tag must contain a source tag (scr) and an alternative text tag (alt).
- The source tag gives the location of the image file.
- The alternative text tag describes the image using words.
The image tag may also contain other tags, such as width, height or border. An example of an image tag:
<img
src="/upload/public/docimages/Image/r/t/y/TA_beacon_masthead.gif"
alt="Rushcliffe Borough Council: Beacon Authority 2006-2007 Waste and Recycling."
border="0"
height="72"
width="400">
Always add a textual description of any image you add to the website using the alt tag.
How should I describe decorative images?
You will probably not add decorative images to the website. Each decorative image must have an empty alt tag. For example:
<img
src="/graphics/blank.gif"
alt="">
What about the purpose?
If the image serves some purpose, describe the purpose not the picture. For example:
- Alt text for a picture of the green Rushcliffe 'R' might read "Rushcliffe Borough Council logo".
- It should not simply say "R" or "Rushcliffe".
- If the Rushcliffe 'R' were hyperlinked, alt text might say "Return to the Rushcliffe Borough Council home page."