Video accessibility issues

Question

i am getting video accessibility issue with video code below

how can i use this without showing html5 video controls. just have play/pause pause control with an aria-controls attribute referencing the video. i need to have autoplay

Here is error details
A video plays longer than 5 seconds, without a way to pause it. WCAG 2.1 A 2.2.2 Section 508 (2017) A 2.2.2 1 pages
Remove the autoplay attribute, or add a controls attribute to the video, or use a pause control with an aria-controls attribute referencing the video.

F93: Failure of Success Criterion 1.4.2 for absence of a way to pause or stop an HTML5 media element that autoplays

SemiColonWeb · Accepted Answer

Hello,

Currently this is not inbuilt into Canvas and does not come out of the box. Consider using the Play/Pause Media Actions button as example provided here: https://canvastemplate.com/media-actions.html and you can then tweak them according to your needs.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.