Description

The volume slider is not accessible using the TalkBack screen reader. I've experienced the following:

1. When navigating the media player using swipe interactions, the slider UI does not render when it receives focus.
2. When attempting the interact with the slider, nothing happens. I've attempted interactions with the guidance here. Perhaps this is related to the first point.

These are reproducible within live examples:

1. Navigate to https://videojs.com and tap on "Demos". Any of these demos should exhibit this behavior.
2. Navigate to https://videojs-http-streaming.netlify.app. (I'm told this page always contains the latest player version.)

Reduced test case

https://videojs-http-streaming.netlify.app

Steps to reproduce

1. Navigate to the "Reduced test case" URL using an Android device.
2. Turn on TalkBack.
3. Use swipe gestures to navigate to the volume slider.
4. Note that the slider does not render.
5. Attempt to interact with it.
6. Note that nothing happens when this attempt is made.

Errors

No response

What version of Video.js are you using?

We're using 7.19.0 for our project, but this is reproducible in the latest (assuming that version is used on the main videojs site)

Video.js plugins used.

No response

What browser(s) including version(s) does this occur with?

Chrome (latest)

What OS(es) and version(s) does this occur with?

Android