Print this page

Image alt text and tooltip test page

This page is a test for "tooltip" and "alternate text" features of pictures in HTML. Someone has requested an explanation on my forum, and that is why the test page is here.

Naturally, "alternate text" is what folks who turn off loading of images in their browser would see. "Tooltip" text is what you see when you hover your mouse pointer above the image for a few seconds.

You should see text saying "this is the list of my extensions" when you hover your mouse pointer over the picture below:

This is the list of my extensions (alt text)

Screenshot (actually a window shot) was taken with free Gadwin PrintScreen.


Three more pictures should make it clear.

1) This is how I set the text for both properties in Nvu:

Setting alternate and tooltip text in Nvu

This is what the image Properties window says in Firefox:

Firefox image Properties window

And this is the text that should appear when you hover the mouse pointer above the image for a few seconds:

Tooltip that should appear

And this is what you get when people turn off loading images for speed (when using dial-up) or to skip unwanted ads. The screenshot is of IE7, in Firefox I did not see outlines of pictures at all.

IE7 with images turned off

 

I strive to make this website very useful to every visitor. If you would like to comment on this page, ask a question, or suggest a topic for me to research, then contact me. A little reward for me will be appreciated if you will visit my Services pages. Links to my website are desperately needed. If you have a blog, a website, or participate on a forum please link to pages that you have found useful. Site Map.

Add A Comment

Add A Comment

This is a captcha-picture. It is used to prevent mass-access by robots. (see: www.captcha.net)
Code in the picture:
Title:
Your Name(*):
Email:
Notify me of any further comments to this thread:
Website:
Comment(*):