WordPress.org

Make WordPress Core

Opened 4 months ago

Last modified 7 weeks ago

#47531 new defect (bug)

Handling WP embed (native) Audioplayer's Volume Slider with keyboard defective

Reported by: Juhan108 Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.2.1
Component: Media Keywords:
Focuses: Cc:
PR Number:

Description

As I underestand, handling audioplayers with Tab/Arrows/Enter should be universal with all browsers. I have built a test-webpage from my main web page, consisting some audio-books for children. There are several single WP embed (native) players: https://midripai.ee/s3/pai/pai-kuulata-yksiti-wpn/.

Moving with Tab-key onto volume slider, it should be increasing volume by Right Arrow, and decrease by Left Arrow (at least Screenreader Orca in Linux tells to do so). Instead of that, the Down Arrow decreases volume, and the Up Arrow does nothing.

Of course, the volume can be handled by Up/Down arrow, being either on Time Slider; or on Mute Button (it seems not to depend of web browser: at least Chrome and Firefox do work similarly.) Yet bringing volume down, being on Volume Slider by Down Arrow could be annoying for visually impaired, as one needs to move back onto Mute Button or Time Slider of the same player to increase volume again. Being on the Play/Pause button, the Down Arrow also decreases volume; and Up Arrow does nothing.
The same problem occurs also with WP embed (native) Playlist Player.

Tested: Win7-64 bit: Both Chrome (74; 75.0.3770.80 = the latest) and Firefox (67.02); and
Linux Mint Mate 18.3 64 bit: Chromium 73.0.3683.86 and Firefox (67.0)
Laptops: Fujitsu E8420 and Lenovo w500 internal keyboards and also external ps2 and USB-keyboard.
Both with Blocks and blocks switched off (with plugin Classic editor); and also disabled all plugins for test). I did not use special Audio-blocks though.

Change History (2)

This ticket was mentioned in Slack in #core-media by desrosj. View the logs.


7 weeks ago

#2 @joemcgill
7 weeks ago

  • Milestone changed from Awaiting Review to Future Release

Hi @Juhan108, thanks for the report. I'm able to adjust the volume using both up and down arrows when the speaker icon is focused, but not when the volume slider is focused.

Developer note:
This is something we'd need to report upstream to the MediaElement.JS project. I'm able to reproduce the same issue with the audio player on the project homepage. https://www.mediaelementjs.com

Note: See TracTickets for help on using tickets.