WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Youtube, embed options and accessibility

for

Number of posts in this thread: 2 (In chronological order)

From: Björn Fisseler
Date: Thu, Jan 05 2012 1:27AM
Subject: Youtube, embed options and accessibility
No previous message | Next message →

Dear list,

Youtube offers two different embedding options for videos, one using an
iframe and one using the old object/embed syntax. I wonder which of
these two options is better accessible.

Take e.g. this video: https://www.youtube.com/watch?v=QRS8MkLhQmM

The iframe option looks like this:
<iframe width="560" height="315"
src="http://www.youtube.com/embed/QRS8MkLhQmM" frameborder="0"
allowfullscreen></iframe>

As Google says, this option provides full compatibility including HTML5
support.

The object/embed option looks like this:
<object width="560" height="315"><param name="movie"
value="http://www.youtube.com/v/QRS8MkLhQmM?version=3&;amp;hl=de_DE"></param><param
name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/QRS8MkLhQmM?version=3&;amp;hl=de_DE"
type="application/x-shockwave-flash" width="560" height="315"
allowscriptaccess="always" allowfullscreen="true"></embed></object>

This is much longer and is also not compatible with HTML5, which might
be an issue in the near future.

I know there are issues with the flash video player, which is not
accessible by keyboard within most browsers and should be supplemented
with accessible controls. But what about the two embed options? Which
one do you consider more accessible and why?

Thanks,

Bjoern

From: deborah.kaplan@suberic.net
Date: Thu, Jan 05 2012 7:48AM
Subject: Re: Youtube, embed options and accessibility
← Previous message | No next message

Björn,

From my point of view of a keyboard user, the object/embed option
is much more accessible. While I can't get out of the flash video
player by keyboard, at least I can get into the object/embed
option via keyboard (on Firefox, using mouseless browsing).

I've posted both options on a webpage if anyone else wants to
play with them live:

http://suberic.net/~deborah.kaplan/embed.html

Does anybody know why it is one of the options allows for direct
keyboard access in Firefox and the other doesn't?

-Deborah