Media

Media container

A media container is used to display media items (video, audio, image or other data) with a caption.

Do's

  • always include thumbnails
  • be descriptive and concise in the caption to communicate the subject of the media file
  • write captions that are short, distinct and indicative and communicate the subject of the media content
  • include ALT tag
  • select appropriate images for video thumbnails, they need to depict what is in the audio or video file
  • when adding an embedded video, make sure to write a title that repeats the visible title of the video and also mentions that it is a video (e.g. Speech by President ... - Video)

Don'ts

  • don't choose images which are too complex to be distinguished in thumbnail size
  • don't automatically play audio or video files when a user arrives on a page (or scrolls to a media container)
  • don't automatically play next items after an audio or video item finished

When to use

  • whenever there is a need to display a media file
  • when you want to display content that's found on external sources (A-V Portal, Youtube, Vimeo, etc., done through iFrame)

When not to use

  • do not use the media container if there are above 5 consecutive items (this would make navigation more difficult)