Images
We use images where content may benefit from a supporting example to clarify information
Photography
Aspect ratios
When using photographs we recommend using standard aspect ratios such as 1:1, 4:3, 3:2 and 16:9

Illustrations
Preference for illustration over photography may occur when:
- there is no suitable photography for content
- a photograph may be to complex
- visualising data
Using images
Images in article content
Article templates allow images that are aligned left in the page. The recommended width for an image in article content is 750px.

Images in category headers
Category headers allow images that are aligned right in the page. The recommended width for an image in article content is 358px.

Informational images
Other types of imagery can be considered such as logos, icons and diagrams to support information.
Accessibility
Images must always be supported with text alternatives which are descriptive of the information they present. Alternative text is read out by screen readers for users with visual impairments and where an image does not load. Text should never be included as part of the image as this will not be read out by screen readers or translated by automated translators.
W3C gives guidance on how to make images accessible.
Feedback, help or support
If you need any help or want to give any feedback you can e-mail us at: designsystem@gov.scot