views:

111

answers:

5
<img src=”young-girl-in-red-gown.jpg” 
     alt=”young girl in red gown” 
     title=”Young girl in red gown”/>
  • Is my above example a good example? Should it be always like this?

In above example i used image file name, alt text and title almost same.

although it's just a image not image inside <a>

  • Is it ok to use same text as Alt and title even if it's not a link. or this repetition can create problem for screen reader? (I'm repeting ALT in img tag title, just because FF doesn't show alt as a tooltip and client want in both)
  • Shouldn't we use title with image if image in not a link?
  • Should ALT and Title be different always if image is a link or even if I'm using both on image which is not a link or title should never be used if image is not a link ?
  • Do screen reader speak all things for image if it found image on page and all are defined 1) Image file name, 2) ALT text and 3) Tile text , ?
  • Should i always use descriptive image file name like we write something about image in ALT? is young-girl-in-red-gown.jpg better than DSC00145.jpg and young-girl.jpg?

My question is in terms of Semantic mark-up, Screen reader friendliness, Accessibility, and Usability?

+1  A: 

See:

The Importance of Images On Your Site

ALT vs. TITLE

The alt and title attribute are there for different things, they are not the same, they won't irritate anything, they are made to make things much more clear to both humans as well as search engines.

Using alt tag is good for standard-compliant, validated html and it is also equally respected by search engines.

Sarfraz
A: 

I dont think that this should cause a problem unless you are stuffing keywords into that to increase keyword density on the pages. otherwise it is alright to have it the way your client wants.

A: 

No idea about screen reader users, but it bugs the heck out of me.

I doubt search engines care.

Paul D. Waite
A: 

It used to be that alt was how you created mouseover tooltips over images. Luckily, with the advent of title, this is not really needed.

If you wish to provide such a tooltip today, over either a text link or an image, title is the thing to use.

alt is what you use to make your images "visible" as text to browser technology that doesn't actually support images (such as screen readers, or text-based browsers). Thus, it doesn't have any meaning in the context of text links - since text in those is already, well, text.

Search engines' algorithms are a bit of mystery. If I had to guess, I would say that for web searches, there is so much signals available through text links, that there is no need to rely on titles and alts. Image search may be a different story. It's much harder to get information about what's contained in a picture and correlate it to textual keywords. Therefore, these attributes may be given more weight in that context.

levik
+1  A: 

I use the Jaws screen reader and having both alt and title set isn't an issue. Jaws reads the alt tag by default if present and ignores the title unless specifically told to read it. I can't say what other screen readers do though.

Jared
thanks for your comments
metal-gear-solid