aria-valuenow and aria-valuetext are not initially set correctly

[OwenEdwards]

Description

The initial state of the volume slider has aria-valuenow set to 0, and no aria-valuetext attribute. As a result, a screen reader (e.g. VoiceOver on macOS) announces the slider as "0, volume level), even though the volume is set to (and displayed as) 100%. The aria-valuetext is not set until the volume is changed.

Steps to reproduce

Explain in detail the exact steps necessary to reproduce the issue.

1. On a Mac, turn on VoiceOver (command-F5)
2. Open a page with the video.js player, in Safari
3. Use the Tab key to move keyboard focus to the Big Play Button, and press Enter
4. Use the Tab key to move focus into the Control Bar, and then onto the volume control slider

Results

Expected

Expect VoiceOver to announce (and display) that the volume is 100%

Actual

VoiceOver announces "0, volume level"

Error output

None

Additional Information

Please include any additional information necessary here. Including the following:

versions

videojs

v6.0.0-RC.1

browsers

Safari with VoiceOver (and probably others)

OSes

macOS (Sierra, 10.12.2)

plugins

No