Product image alt doesn't show on hover

[studiomigo]

Hi

On this page

http://www.stsstone.com.au/products

When hovering above an image thumbnail the alt attribute text doesn't show. why?

Thanks

Micha

[Liam Dilley]

Hi Micha,

By default BC does not add an alt on product images.

You have to use _path version of the tag and form your own image attribute html.

[studiomigo]

Thanks Liam

If you look at the source code the alt info is there it just doesn't show on hover. A bit bad in terms of accesability.

[Liam Dilley]

Oh, just looked.

Becauese you wrapped it in an anchor and the title takes over in the HTML structure. Because you do not have a title on your anchor then nothing shows.

[studiomigo]

Thanks Liam,

Makes sense but this is a catalogue set by BC module so I don't have an option to insert alt or title attributes. seems like a bad design or may be there is something I can do.

Cheers

[Liam Dilley · Accepted solution]

Not really correct, no.

If you use the _path of the image and also use the product url tag ...{tag_itemurl_nolink} You can form your own link wrapped in the prdouct and use say the product title or name tags for the title etc.

[Dan_Fallon__Headjam_]

Hi,

thats because you are after the "title" attribute

<img src="path.to.image.jpg" alt="this shows for screen readers" title="yellow box that displays on hover" />

[studiomigo]

Thanks Liam,

Got it! I did something like this.

<div class="product-image">

<a href="{tag_itemurl_withhost} " title="{tag_name_nolink} ">{tag_smallimage_nolink} </a>

</div>