Flickr: combining ALT and TITLE for images

If you want to embed one of your own Flickr pictures into your blog, the Flickr photo page gives you the HTML code for easy copy/paste. They require you to link back to the photo page, so obviously in the HTML they provide, they give your an image with a link, i.e. an <img> tag in between a <a> </a> anchor tag pair. A typical example:
<a href="http://www.flickr.com/photos/(...)" title="Photo Sharing"><img src="http://static.flickr.com/(...).jpg" width="600" height="1200" alt="(image title)" /></a>
As you can see, they combine both an anchor title (always “Photo Sharing”) with an image alt text (Flickr uses the photo title for that). Both fields give more info about the objects they refer to and are very much loved by search engines. It should come as no surprise that the #1 Google result for “photo sharing” is Flickr.
Flickr: img alt vs. a title

The thing is: when you move your mouse pointer over the image (‘hover’), your browser will show only one of these two texts. Internet Explorer shows the img alt text, while Firefox and Flock show the a title text. So if you’re using Firefox, every Flickr photo that was embedded with Flickr’s HTML code, will show “Photo sharing” and not the photo’s title.

Since the attributes alt and title also serve an accessibility purpose: what do screen readers (text-to-speech) make of the combination? Do they cite both, or also choose one of the two?

1 thought on “Flickr: combining ALT and TITLE for images”

  1. Dunno the answer, but since the img alt and the a title serve different purposes, they should read both…

    img alt is meant for when the img is _not_ displayed, as an _alternative_. There’s no need to display the alt text when the image is shown (which is why Firefox doesn’t do it).

    The funny thing indeed is that Flickr takes advantage here from an incorrect implementation of the img alt attr in IE…

    By choosing the image description for alt and “photo sharing” for the link, Flickr pleases both the 90% IE users (that see the description pop-up) and teach the search engines (ànd Firefox, ànd probably screen readers) that the linked site is all about photo sharing…

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.