WebAIM - Web Accessibility In Mind

E-mail List Archives

YouTube play button lacks title

for

From: Alan Zaitchik
Date: Aug 22, 2017 12:03PM

I don't know if this has always been the case and I never noticed until
now, or if something has changed.
I was just testing some html pages that include a YouTube video player,
and the Play button has no title or aria-label or anything. JAWS announces
it as 'unlabelled one button'. NVDA says 'Button'. I could swear that in
the past I have heard them say 'Play button' or some such label.

We are using the following link in our HTML page:
<iframe class="media" preload="auto"
src="https://www.youtube.com/embed/87pKNfPnzug?ecver=1&amp;rel=0"
aria-label="Video Player" frameborder="0"></iframe>

That seems normal enough.

Why no label for the main Play button? Is there something we are missing?
Has the Youtube player changed recently so that no label is provided for
the Play button.

I am talking about the button indicated by <button
class="ytp-large-play-button ytp-button'> deep inside the YouTube iframe.

How can I get JAWS and NVDA to say something like 'Play button' ?

Thanks,

A