Video

Component preview#

XSSMMDLG
preview-xspreview-xspreview-xspreview-xs

Recommendations of Use – Do's and Don'ts#

DosDon'ts
  • Videos should be easily discoverable, consistent in style across the site and with thumbnails that accurately represent the type of content they provide.

  • The video thumbnail should be illustrative and set expectations for the video style.
  • Present videos as supplementary content, not as a replacement for text.

  • If a video is specific to a certain section of content, present it at the top of that section. This placement effectively signals to the user that the video is not an overview of the entire page, and accurately sets the expectation that it will be focused on just a subset of information.
  • Do not choose a video thumbnail where the user does not understand the connection to the content of the page.

  • A video should not be the only way to access information.
  • Avoid placing videos in the right-hand column of a page, as they are consistently overlooked by users due to right-rail-blindness.


SEO-Requirements#

Title = H2; 500 characters (Optional)
Label = H2; 32 characters (Optional)

Subheadings should be used as logically as possible. So If you setup a title for the Video please consider that the title is an H2.

Accessability, WCAG#

Be sure that all Text/Color combinations fits the WCAG requirements.

Source references#