Media: Clickable image

General

• This module sits within a page alongside other content (ie hero image, text block, CTA, donate module)
• It’s designed to provide additional context about a subject, rather than being the sole focus of a page

Image hotspots

• No more than five on each image
• Not too close together
• At least 10% from edge of image (re-crop if needed)
• Try to follow a logical reading order in the accordion list (left to right, or top to bottom)
• Preview and test: if it doesn’t look right, try a different image

Text

• Heading should ideally be no more than one line on desktop (7-8 words)
• Description no more than two lines on desktop (~30 words)
• Both the heading and description can be omitted if needed
• Hotspot headings: no more than six words, to avoid the accordion labels becoming too long
• Hotspot description: no more than eight lines on desktop (~50 words), to avoid accordions being too long to read
• Image credit: include at the end of the main description