This is an in-progress, unapproved draft. Please send any suggestions, edits, or comments to the publicly-archived list: email@example.com.
[DRAFT] Groups of images
A grouped collection of images is sometimes used to convey a single piece of information, for instance star images to denote a product rating. In this case, the text alternative for one of the images should convey the information conveyed by the entire group, all other images should have null (empty) alt attributes. For instance, as shown in example 1 below, the descriptive text alternative on one image should be "3.5 out of 5 stars", rather than "1 star", "Half star" or "Unfilled star" on each image.
Example 1: Group of images for rating
This group of five images shows a product rating. There are five images, three filled stars, one half filled star and one empty star, indicating the overall rating. The text alternative for the first image is "Rating: 3.5 out of 5 stars", all other images have a null (empty) alt attribute (alt="").
<img src="../img/star1.jpg" alt="3.5 out of 5 stars">
<img src="../img/star1.jpg" alt="">
Related WCAG2.0 Techniques
The following WCAG 2.0 techniques were used in the examples above: