Forum Moderators: phranque
For example:
<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 . . . .
</soap>
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.
Kaled.
<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" />
Or,
<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.
HTML 4.01:
How to specify alternate text [w3.org]
The title attribute [w3.org]
W3C quality assurance tips for webmasters:
Use the alt attribute to describe the function of each visual [w3.org]
W3C Techniques for "WAI Guidelines: Page Authoring":
Alternative text and descriptions [w3.org]
Images and image maps [w3.org]
(note especially: Brief descriptions for images [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]
section 508:
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!