FrontPage Resources AccessFP Services AccessFP Mall Web Resources
Index About Advanced Search Home

Adding images - 4

JPEG: Processing a scanned photograph
Alternative Text

JPEG: Processing a scanned photograph cont.

Adding this file to the page is simple, assuming the image file is in the same folder as your Web pages

colour19.gif (2478 bytes)

 Click on thumbnail for larger version

Alternative Text

Some users are on very slow connections, and they 'surf' the web with images switched off. Other users are using text only browsers such as Lynx, and some can't see images for the very simple reason that they are blind, and use voice synthesis software to use Web pages.

Web pages can have embedded text captions for each image - and these captions will display when the image is not available. The captions are known as 'Alternative Text', from the HTML tag used to embed them in the page. To insert an Alternative Text for an image, just

Alternative Representations

If you open your page in MS Internet Explorer or Netscape Navigator version 4 or later, you can check the Alternative Text by holding your mouse over the image. Your Alternative Text phrase should appear like a ToolTip, in a small yellow box;

colour11.gif (3085 bytes)

Choosing alternative text is quite an art if you want your pages to be intelligible to people without image display capability. You should

Alan Flavell has provided an in depth discussion of how to provide Alternative Text captions for images. Images are not included in the HTML file, the file just makes a reference or hyperlink to the location of the image file. If you look at the HTML codes in your page, you will find an <IMAGE> tag with quite a lot of things in it. the table below provides a description of the IMG tag for the first illustration in this page.

<img src="im2ht3.gif" alt="Chart from Excel 97" width="302" height="206">

img src="im2ht3.gif"

This is the IMG tag, and the address of the image file. The image file could be anywhere on the Web, you could include an address like to link to someone else's image. This tends to increase the time for pages to load, and most people copy images to their own server (with permission of course).

alt="Chart from Excel 97"

The alt tag labels the alternative text for the image. Alan Flavell's discussion will mention the ALT tag.

width="302" height="206"

The Width and Height of the image in pixels. The browser can make use of this information to 'reserve' space for the image while the KTML file is loading. This prevents the browser having to continually reformat the page to take account of new images arriving.

Back ]