Gallery
A collection of images or videos displayed in a grid of thumbnail images. The component will also include a modal window with images, captions, and navigation to move through the series of images.
On this page
When to use
Galleries are used to showcase multiple images that share a common topic, theme, or event.
Guidelines
- Optimize images for web to ensure fast loading
- Provide clear navigation controls
- Ensure the gallery works well on mobile devices
- Avoid galleries for single images that work better inline with text, or when you have fewer than 3-4 related images that might work better as individual placements.
Accessibility
Include alt text on images