Image

This pattern is for displaying an image.

Rules for using images

• Alternative descriptions must be provided, using the alt attribute, to make the content accessible.
• Captions should be included where they add context to the image.

More information on image file formats and optimisation is described within image standards.

Options available

• Image
• Image with caption
• Linked image

Image

Image with caption

A caption should be used to provide additional context about the image.

Linked image

This example shows a linked image with a caption containing a separate link.