search

videojs / video.js

Video.js - open source HTML5 video player
https://videojs.com
Other
37.81k stars 7.43k forks source link

Volume slider not accessible using TalkBack #8733

Open gvsboy opened 3 months ago

gvsboy commented 3 months ago

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

welcome[bot] commented 3 months ago

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can. To help make it easier for us to investigate your issue, please follow the contributing guidelines.

mister-ben commented 1 month ago

The problem is that the DOM and javascript don't know where the Talkback's "accessibility focus" is, so it's impossible to react to the swipes. There are some quite old bugs filed on Chomium's bug tracker, but it seems to be as intended.