Skip to content Skip to sidebar Skip to footer

Multiple Images Of Same Product, Accessibility Requirements

For a webpage with multiple images of a single product, such as with different angles. Is there a requirement for alt tags for each image? Viewing examples on Amazon it seems they

Solution 1:

First don't use Amazon for examples of how to do accessibility - their site is not a good example (they try, but they have years of bad practices that are hard for them to work around).

The answer to this depends on the product being sold.

For example if it is a mug with a picture of a dog and a cat cuddling then a single image alt tag would probably be the right option and hide the rest of the images from the screen reader.

However if it was a complex product with different images showing dimensions, specs, features etc. then multiple alt tags may be appropriate.

The question to ask is 'does this image portray any new information that would influence a decision to buy'.

If the answer is yes, add an alt tag, if the answer is no, hide it from a screen reader.


EDIT - To Address the Edit Made To The Question

From the perspective of pure accessibility and 'rules' - no, Alt descriptions are not needed for images if every single aspect of the image is described elsewhere.

However, in practice, there should always be at least one Alt tag with a useful description of the product.

The idea of alt tags is to provide blind users with as much information and as similar an experience as possible as sighted users (I am aware not only blind users use screen readers but for simplicity of explanation bear with me).

At the same time however, a blind user will also thank you for providing them with the least amount of information possible to give them the same experience as a sighted user.

A sighted user would see an image first and so should a blind person as it will make sense in the document flow, but adjust your alt description to provide information that is missing from the main description so as to avoid too much duplication of information for screen reader users.

Also (wandering away from accessibility a bit but still relevant as to why to always have at least one alt tag) don't forget SEO - you want that product image to show up in image search if at all possible, especially in a commercial setting, alt tags still help search engines categorise images.

The final argument for whether you should have at least one alt tag is what happens for people who disable images to save on bandwidth - you should still have at least one alt tag to describe what the image(s) should be about. (a different type of 'accessibility' but still relevant).

tl;dr -> yes have at least one alt tag still.

Solution 2:

According to the W3, "If multiple images convey a single piece of information, the text alternative for one image should convey the information for the entire group." See https://www.w3.org/WAI/tutorials/images/groups/

Solution 3:

EDIT: One more question, are product images themselves even relevant content? If the product title is already there, wouldn't it be easier to just hide the images completely for screen-readers.

That's the main concern here.

Can we consider images in a commercial website as purely decorative? I don't think so.

Screenreaders can be used by people who are not totally blind, or for blind people to share information with fully sighted people : "look honey, do those colors will match ?"

For instance, people with LHON can still have peripheral vision, and may use a screenreader to facilitate their search.

The more important thing is to have a simple and comprehensive text alternative for the image.

If you only repeat the product name in the image, then having a blank alt might be better. But still, we can imagine someone blind wanting to share the image to get feedback comments.

Post a Comment for "Multiple Images Of Same Product, Accessibility Requirements"