Videos can help explain complex topics, showcase your programs, and improve engagement, but only if they are added accessibly and efficiently. This page outlines how to plan, host, caption, and embed accessible videos on School of Medicine websites.<\/p>\n
Creating videos, and properly captioning them, takes more time than most editors expect. Plan video production and captioning needs early in your project timeline.<\/p>\n
Follow standard best practices for creating high-quality video.<\/p>\n
No patient Protected Health Information (PHI) may appear in any UNC video<\/strong>.<\/p>\n Do not upload video files to your Media Library. Video files are large (often larger that the 64 MB limit in the Media Library), slow down your site, and lack accessible playback controls.<\/p>\n Instead, upload videos to a streaming platforms like Panopto, YouTube, and Vimeo.\u00a0These platforms are recommended because they:<\/p>\n Panopto is UNC\u2019s centrally supported video hosting platform, free for campus use. Learn more in the Panopto documentation<\/a>.<\/p>\n All prerecorded videos on UNC websites must be accessible<\/strong> under federal and UNC accessibility standards.<\/p>\n Accessibility includes:<\/p>\n Captions display spoken dialogue and important non-speech audio such as music, laughter, doors closing and background sound cues.<\/p>\n Captions must be:<\/p>\n Machine-generated captions must be reviewed and corrected.<\/p>\n UNC\u2019s Digital Accessibility Office (DAO) provides:<\/p>\n A transcript is a written version of everything spoken in the video. They are required for all audio-only files, like podcasts or voice recordings. They can also accompany videos because they help:<\/p>\n Add audio description when key visual content is not spoken aloud. If narration already describes what is shown, additional audio descriptions are not<\/strong> required.<\/p>\n An example video with audio descriptions<\/a> can be found on the DAO website.<\/p>\n You can either link to the video or embed it.<\/p>\n Use standard link methods to create a text link to the video. See our How to Add Links<\/a> documentation for instructions.<\/p>\n Code from whichever video hosting environment you use can be copied and then pasted, or “embedded,” into a page or post. That embed code (usually an <iframe>) will display the video on your web page. We have documentation on a variety of ways to embed video:<\/p>\n All iFrame embed code must include a descriptive title<\/strong> so screen readers can identify the video. If the embed code dose not contain a title attribute<\/strong> that describes the video, one needs to be added.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":"<\/a>3. Where to Host the Video<\/h2>\n
\n
Panopto<\/h3>\n
<\/a>4. Make the Video Accessible (Required)<\/h2>\n
\n
4.1Captions (Required)<\/h3>\n
Caption Benefits<\/h4>\n
\n
Caption Requirements<\/h4>\n
\n
Captioning Support<\/h4>\n
\n
4.2 Transcripts (Recommended for Video, Required for Audio-Only)<\/h3>\n
\n
4.3 Audio Descriptions (Required Only When Needed)<\/h3>\n
<\/a>5. Embed or Link to the Video<\/h2>\n
Link to the Video<\/h3>\n
Embed the Video (Most Common)<\/h3>\n
\n
Do Not Autoplay Videos (Required)<\/h3>\n
\n
Add a Title Attribute (Required)<\/h3>\n
\n