From news to social media, videos are becoming an increasingly large part of web design. They provide a unique and visually striking way to connect with your users. Formatting your videos correctly is essential for maximizing their effect and accessibility.
Video banners are a great way to showcase your school/college/unit/department, etc. These banners are typically used on the homepage but can also be implemented on tier pages.
Video banners are typically comprised of 4-5 clips and should be below 4 MB max. No text should be included in the videos for accessibility reasons.
See some examples of video banners:
Video banners should be under 4 MB in size. To meet this size requirement, your video should:
If you’re having difficulty, try:
When deciding to have videos on your website, it's important to include captions to ensure your media is fully accessible to users who are Deaf or otherwise Hard of Hearing.
Our blog post on video captions breaks down the different types of captions that can be included with your videos, as well as captioning services that can translate or transcribe your audio.
Regardless of your video or audience, captions should always be:
One big exception for captioning as a best practice is videos without audio. For example, the video banner on this page would not need any captions, since there is no audio to transcribe for your users.
Our Accessibility page provides a comprehensive summary of accessibility best practices and useful resources for designing accessible videos.
