Accessibility: Video and Multimedia Accessible Video Embeds
Alternative Text for Video Embeds
When you embed videos you need to make sure that you have the proper label associated with the video so that assistive technology users are able to not what each video element on your page is without having to watch the video.
In order to do this you will need to add a small piece of code to your embedded iframe in your content.
If you need help with this or need to be trained contact CACS or the Digital Accessibility Coordinator.
Example:
Before:
<iframe frameborder="0" src="https://public.tableau.com/views/UVACOVIDTracker/Summary?:language=en&:…?" style="display:block;height:100%;position:absolute;width:100%;"></iframe>
After:
<iframe title=”Name of your video or what your video is about.” frameborder="0" src="https://public.tableau.com/views/UVACOVIDTracker/Summary?:language=en&:…?" style="display:block;height:100%;position:absolute;width:100%;"></iframe>
Or you can also do the following but the above is the preferred way:
<iframe aria-label=”Name of your video or what your video is about.” frameborder="0" src="https://public.tableau.com/views/UVACOVIDTracker/Summary?:language=en&:…?" style="display:block;height:100%;position:absolute;width:100%;"></iframe>
User Impact
Allows for visual elements such as videos to be identified to users of assistive technology before they interact with the feature on the page. Without this a user would need to interact with the element (watch the video, etc.) to see if it is something that they need or want to interact with or can just skip it because it isn’t what they are looking for.