diff --git a/cfgov/unprocessed/js/organisms/VideoPlayer.js b/cfgov/unprocessed/js/organisms/VideoPlayer.js index a47c34a871c..1deeca62344 100644 --- a/cfgov/unprocessed/js/organisms/VideoPlayer.js +++ b/cfgov/unprocessed/js/organisms/VideoPlayer.js @@ -78,6 +78,10 @@ function VideoPlayer(element) { * to video player instance. */ function _videoPlayerReadyHandler(event) { + // Video has loaded into the iframe, so we can show it to assistive devices. + _iframeDom.removeAttribute('aria-hidden'); + _iframeDom.removeAttribute('tabindex'); + // Add duration timestamp to video. const player = event.target; const duration = player.getDuration(); diff --git a/cfgov/v1/jinja2/v1/includes/organisms/video-player.html b/cfgov/v1/jinja2/v1/includes/organisms/video-player.html index d205c4a3f43..6d5eaacca28 100644 --- a/cfgov/v1/jinja2/v1/includes/organisms/video-player.html +++ b/cfgov/v1/jinja2/v1/includes/organisms/video-player.html @@ -80,7 +80,8 @@ src="{{ video_url }}" allow="fullscreen; autoplay" aria-hidden="true" - tabindex="-1"> + tabindex="-1" + title="This is a placeholder for a video that will load.">