1496850 - Volume slider in HTML5 audio player is verbalized as generic "slider" and not "volume slider" in NVDA.

Status: VERIFIED FIXED

(Toolkit :: Video/Audio Controls, defect, P3)

Description

[charleyroy]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

Steps to reproduce:

Pre-step: Enable NVDA screen reader.

Step 1: Go to http://jsfiddle.net/sqdkxy4z/ (or set up a native HTML5 audio with controls)
Step 2: Click / focus on the volume player.


Actual results:

The verbalization just reads "slider".


Expected results:

The verbalization should give an indication that this is some kind of volume slider.

Comment 1

[:Gijs (out for now; he/him)]

Does NVDA read the state (value) of the slider if it is manipulated? That is, is this just a question of putting an aria-label (accessible name) on the slider, or do we need to also provide information about the volume state ourselves?

Comment 2

[charleyroy]

I believe adding an aria-label to the slider to make it clear that this is controlling volume would solve the issue.

Comment 3

[:Gijs (out for now; he/him)]

Attachment: Bug 1496850 - add label to volume slider, r?MarcoZ

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/ba07c543cc93
add label to volume slider, r=MarcoZ

Comment 5

[Tiberius Oros[:tiberius_oros]]

https://hg.mozilla.org/mozilla-central/rev/ba07c543cc93

Comment 6

[Anca Soncutean, Desktop QA]

I reproduced this issue on Windows 10 with Fx 64.0a1 (20181005220146). 
The issue is fixed on Fx 64.0b3 (20181022150107) on Windows 10 x64, macOS 10.13 and Ubuntu 18.04 x64.