Principles
of Design
Rule 3
|
|
Principles
of Design |
| Put ALT & Size Tags on All
Images If a browser can't show images (or the user has turned image loading off), the text in the ALT tags appears (the Alternative Representations: Text field in FrontPage). Using ALT tags is particularly important to keep your site accessible to visually impaired users, and to people who are still using older or text-based browsers which simply can't render graphics. For simple graphics (like bullets or things which you don't really want to name), just put a single space in the ALT tag so it won't appear at all. By default, FrontPage puts the image name and file size in the ALT tag, which is fine for pages with one or two graphics, but hideous in a text browser on a page with many images. You should also include the width and height of all image in their tags. Browsers load the HTML text first, then load the images referenced in it. If the HTML text doesn't include the image sizes, the browser has to wait until it's loaded all of the images to know how to lay out the page. If you include image sizes in the tags, the browser can go ahead and display the text while it is collecting the images, allowing the visitor to the page to start reading instead of staring at a blank page. Many HTML editors, including FrontPage, will automatically put in the image size information for you. |
|||
| Tutorial Navigation |
  |
||