[wp-trac] [WordPress Trac] #40707: Fix or consider to remove the mejs volume slider tooltip

[WordPress Trac]

#40707: Fix or consider to remove the mejs volume slider tooltip
-----------------------------+--------------------------------
 Reporter:  afercia          |       Owner:
     Type:  defect (bug)     |      Status:  new
 Priority:  normal           |   Milestone:  4.8
Component:  Media            |     Version:
 Severity:  normal           |  Resolution:
 Keywords:  has-screenshots  |     Focuses:  ui, accessibility
-----------------------------+--------------------------------

Comment (by afercia):

 See https://core.trac.wordpress.org/ticket/30281#comment:16

 Seems the css class for the offscreen text came in with a mediaelement.js
 update and it was causing issues. The fix was to make the hidden text
 visible on focus, merged in [30907]. Worth noting I don't think this was
 the original intent for the hidden text. Also, this text is now inside an
 element with `role=slider` and modern assistive technologies know how to
 interact with sliders.

 However, the styling and positioning implemented in [30907] was meant to
 be this:

 [[Image(https://cldup.com/5CmRVG6RzV.png)]]

 (actually, this is the tooltip on the duration slider and seems isn't
 there any longer, theres's another one on the volume slider, and one more
 on the video volume vertical slider).

 Quickly discussed with the design team and the accessibility team. Seems
 this text is not meant to be revealed. My only guess it's there for
 historical reasons and today, it just acts as a fallback for old assistive
 technologies that don't support ARIA sliders. I'd be in favor of making it
 just visually hidden text, as revealing it on focus has proven to be very
 fragile and doesn't add a great value for accessibility.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/40707#comment:6>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform