Skip to main content

Media gallery

Paragraph type | Media gallery
  • You can create a media gallery featuring up to 10 images and videos.
  • When adding media to a gallery, make sure the image or video is named correctly and succinctly describes what is shown, as this will be displayed as a caption.
  • Ideally, photographs should be used when adding images to a gallery.
  • You should avoid using images that incorporate text or other graphics.
  • Don’t use obvious filters.
  • Don’t merge several images together to create one image.
  • Always choose high-quality, unstaged and well composed images. See the guidelines on page 14 for more information about choosing images. 
  • Always choose high-quality, engaging videos that hook the viewer in and sustain their interest. Aim to use videos that are between one to two minutes long. Only use videos that include approved fonts and our brand colour palette.
  • When adding images or video to the media library, it’s important to follow the steps outlined below so that all media is easily searchable, has appropriate captions and is fully accessible. 
  • Before you add content to the media library, first check that it isn’t already there. Search the library using terms that describe what’s in your video or image. If you’re satisfied that your asset hasn’t already been uploaded, you can add it to the library. For images, also check these are less than 1MB and that the focal point is in the centre. 
  • When naming your image or video, choose something that is meaningful to help others find the same content. Please be aware that a bug in the system means that image names currently display as captions when images are used in a gallery. This will be corrected, but for the meantime please choose image names that will work well as a caption, because this is how it will display when the image is used in a media gallery (see the example above). An appropriate name will usually describe who or what is in the image and any action taking place. 
  • Also set the alternative text (sometimes called alt text) – this should be a short description of what is in the image. Alt text is used by screen readers, so is important for accessibility. It also displays on screen when the image does not load. An example of appropriate alt text is: Three students working together on a project in the Bodmer Laboratories
  • For more information about using videos on our site, please contact Hayley Daniels at h.l.daniels@salford.ac.uk.