Video element exposes unnamed graphic and button
source link: https://bugzilla.mozilla.org/show_bug.cgi?id=1727294
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Details
(Keywords: access, Whiteboard: [access-s3][lang=html][lang=js])
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:91.0) Gecko/20100101 Firefox/91.0
Steps to reproduce:
Firefox's implementation of the video element exposes an unnamed graphic (used to render the poster image, regardless if one is specified or not) and an unnamed button (initial CTA play button rendered atop the video).
CodePen of various video elements
https://codepen.io/scottohara/full/bGWRMBj
Using Firefox with VoiceOver on macOS, navigate using the VO cursor (VO key + right arrow) through the video elements in the test page provided.
Or, if on a PC, use a screen reader of your choice and navigate the test page. NOTE: based on your screen reader's settings, the unnamed image may be ignored by the screen reader.
Actual results:
When navigating through the video elements, VoiceOver will encounter the unnamed image in each video element instance.
Navigating to each initial large "Play" button that is rendered atop the video instance will be announced without an accessible name (VoiceOver), or will be announced as "unlabeled zero button" (with JAWS 2021).
Expected results:
Since there is presently no way to specify alternative text for a poster graphic, this graphic should be hidden from the accessibility tree.
Regarding the unnamed button, provide it an accessible name of "Play", as has been done with the Play button that is part of the video players control toolbar.
Recommend
-
1
Don’t miss what’s happeningPeople on Twitter are the first to know.
-
6
禁止饿了么Element UI的Button 按钮组件的回车事件 作者：
-
4
How to hide the bar button element advertisements My screen flow is as follow Login -> Registration -> CarDetails All 3 ab...
-
10
Samsung Galaxy Z Fold4 video teardown exposes its innards Following his now-classic
-
2
Unnamed variables and match-all patterns Unnamed variables and match-all patterns Brian Goetz
-
1
Summary Enhance the Java language with unnamed local variables, which can be initialized but not read from, and with unnamed patterns, which match everything and bind nothing. Both are denoted with the underscore (
-
3
Birchtree By Matt Birchler I've been writing here since 2010! Back when personal blogs were all the rage. Kids, a...
-
2
OwnerAngelos BimpoudisTypeFeatureScopeSEStatusCandidateComponentspecification / languageDiscu...
-
1
Everything has a price — Reddit sells training data to unnamed AI company ahead of IPO If you've posted on Reddit, you're likely feeding the future of AI....
-
1
Reddit’s Exclusive Data Sharing Deal With an Unnamed AI Company Could Mark a Key Industry Shift ...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK