Status: This is an in-progress, unapproved draft.
A grouped collection of images is sometimes used to convey a single piece of information. For instance, five star images are often used to denote a product rating. When images are a grouped collection, the text alternative for one of the images should convey the information for the entire group; all other images should have null (empty)
alt attributes. For example, 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.
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 (
Captions for Image Groups
If a group of images has a caption, a
figure element can be used to group those images. The WAI-ARIA attribute
role with the value of
group to indicate grouping to assistive technology. If individual images also have captions,
figcaption elements can be nested.
The support for this particular WAI-ARIA attribute and value varies.