Forum Discussion
How to prevent screen reader users from clicking directly on video & de-syncing from timeline?
Thank you AaronBurgessAU , this solved it! By setting Video Tools / Options / Play Video: Automatic and then creating a trigger that basically causes a useless action when the user clicks the video (i.e. Set state of Dummy Rectangle to Normal when the user clicks Video) this prevents direct play/pause of the video when selecting the video with the keyboard. (Demonstrated in slide 1 of the attached .story file)
Interestingly (this might be a bug in Storyline) but clicking on the video with the mouse in the above configuration still pauses/plays the video, causing it to de-sync with the timeline. To workaround this, I created a 100% transparent blocker rectangle that prevents mouse clicking on the video. This, along with Aaron's solution above, seems to be a holistic solution (Demonstrated in slide 2 of the attached .story file as the Final Solution).
I thought it might solve the issue, but when the timeline is paused, the user can still directly click the video with the keyboard and restart it playing, de-syncing it from the timeline.
I love, though, your lateral thinking AaronBurgessAU and thanks RonPrice for contributing more details .
I've attached the following storyline file to demonstrate the issue that persists.
Slide 1: RonPrice 's original solution. Issue: pause the timeline then click towards the end of the timeline, then click play. You'll see the video continues playing from the earlier part of the video not the end (meaning it's de-synced)
Slide 2: AaronBurgessAU 's solution. Solves the issue in Slide 1, but has outstanding issue: if you pause the timeline then use the keyboard to select the video, it will start playing, de-syncing from the paused timeline.
Slide 3: I tried to combine Ron and Aaron's solution, but still has the Slide 2 issue: if you pause the timeline then use the keyboard to select the video, it will start playing, de-syncing from the paused timeline.
If there was a way to create the following two triggers, I think Aaron's solution would be perfect, but I don't think there's a condition we can add for the parts below in italics, correct?
- Pause Video 1 when the user clicks Video 1 if Video 1 is paused
- Play Video 1 when the user clicks Video 1 if Video 1 is playing
Thanks to your input, we're getting closer to a solution, but there's still a way for the screen reader user to de-sync the video from the slide. Since most users don't realize that the slide and video are two separate entities, it is a disorienting user experience (for both typical users and screen reader users) when the timeline and video de-sync and unclear to the user how to fix the issue.
Another option might be to have a layer with nothing on it,
When user click video show layer (blank). Or Set a shape to hidden that is already hidden, so clicking the video does nothing for either option.
Thank you AaronBurgessAU , this solved it! By setting Video Tools / Options / Play Video: Automatic and then creating a trigger that basically causes a useless action when the user clicks the video (i.e. Set state of Dummy Rectangle to Normal when the user clicks Video) this prevents direct play/pause of the video when selecting the video with the keyboard. (Demonstrated in slide 1 of the attached .story file)
Interestingly (this might be a bug in Storyline) but clicking on the video with the mouse in the above configuration still pauses/plays the video, causing it to de-sync with the timeline. To workaround this, I created a 100% transparent blocker rectangle that prevents mouse clicking on the video. This, along with Aaron's solution above, seems to be a holistic solution (Demonstrated in slide 2 of the attached .story file as the Final Solution).
