DCJ Digital Design System

Image with caption

Images capture attention and provide visual context to content. The caption complements the image by providing context as a concise description.

Refer to NSW Digital Design System - Media for full guidance and demo on how and when to use this.

Preview

A screenshot of the image with caption component with red labels to describe its feature.
Labels: 01 image, 02 caption.

Accessibility features 

  • Images have the option to be marked as decorative. 
  • Images include area to write alt text for assistive technology. 

DCJ authoring guidelines

  • Use image sizes suitable for web use to enhance the site performance and minimize loading times.
  • Aim to keep file sizes under 300 KB and 72 dpi. 
  • Incorporate responsive design principles to guarantee effective display of selected images across a variety of devices. Learn more about how your image will appear on different devices on this NSW DDS media example page.
  • Ensure that any images selected align with the NSW branding guidelines and messaging of the website. Use the NSW Government Brand Toolbox - Easy User Guide.pdf for assistance. 

Page type

Image with caption can be used on:

  • content pages
  • landing pages
  • campaign pages
  • homepage
  • Easy Read.
Last updated:

19 Jun 2024