Welcome to WebmasterWorld Guest from 184.108.40.206
Forum Moderators: phranque
<img src="example-in-the-outdoors-boating.jpg" width="771" height="514" alt="clouds at the marina in Grand Teton National Park" title= "clouds at the marina in Grand Teton National Park" >
Thanks for any comments.
[edited by: Boulder90 at 11:46 pm (utc) on Feb. 13, 2009]
Grand Teton Rocky Mountains Utah mountain climbing lake resort boating fishing ski resort national park boating tours fishing excursions landscape photography . . . .
alt : Defines a short description of the image
title : Specifies extra information about an element
A strict interpretation would therefore be that the title, if used, should convey information that is not included in the image, such as when it was taken.
It's worth noting that the title attribute applies to all visible elements, not just images. Would you duplicate the text of a <p> in its title attribute - I don't think so.
<img alt="Detail of Picasso's Le Moulin de la Galette from Thannhauser Collection, Guggenheim Museum" title="Le Moulin de la Galette, Pablo Picasso" src="/images/img20090101.jpg" />
<img alt="The sheer face of Half Dome framed by snow and winter skies" title="Monolith, 1946 by Ansel Adams" src="/images/img20080101.jpg" />
Titles are, well, titles. Alt text is, alternative text describing the image when it is not viewable in the browser.
W3C quality assurance tips for webmasters:
Use the alt attribute to describe the function of each visual [w3.org]
Web Content Accessibility Guidelines 1.0:
Provide equivalent alternatives to auditory and visual content [w3.org]
W3C HTML Techniques for WCAG 2.0:
H37: Using alt attributes on img elements ¦ Techniques for WCAG 2.0 [w3.org]
H89: Using the title attribute to provide context-sensitive help ¦ Techniques for WCAG 2.0 [w3.org]
What is meant by a text equivalent? [access-board.gov]
google webmaster central blog:
the difference between the "alt" and "title" attributes [googlewebmastercentral.blogspot.com]
As the Googlebot does not see the images directly, we generally concentrate on the information provided in the "alt" attribute. Feel free to supplement the "alt" attribute with "title" and other attributes if they provide value to your users!