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

˅˅˅ Additional valuable information is available at one of the links below: ˅˅˅

 

Did you like the article? Let Google Search know by clicking this button: . Please link to content that you find useful on this website on your own website, forum or blog! You can also comment on this page below, or contact me to ask a question or suggest a topic for me to research. There is a user-editable Wiki available on my website, as well as a Forum that you can contribute to. Site Map.

Page last modified 13-Apr-12 20:57:19 EDT
Comments on this page:


Add a comment to this page
Comment Title:
Your Name:
Your Email Address:
Notify me of new comments to this item:
Additional Comments:
This is a captcha-picture. It is used to prevent mass-access by robots. (see: www.captcha.net)