814977 - Tabbed Browsing in Firefox on IFrames - Cannot Manipulate IFrame Content, Stuck in IFrame

Status: NEW

(Firefox :: Keyboard Navigation, defect)

Description

[Sara Tabor]

Attachment: Screen Shot 2012-11-25 at 1.10.47 PM.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11

Steps to reproduce:

When using tabbed browsing (using the 'tab' key to navigate throughout a webpage), the cursor will get stuck within an iframe component (say, an embedded YouTube video), and it cannot escape the iframe component to return to other components on the page. 


Actual results:

1. Browse to http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html
2. Starting in the browser's URL field, tab throughout the page contents. 
3. Once the tab navigation gets to the video iframe component, a yellow highlight will be seen on the YouTube components.
4. Continue tabbing throughout the video components. 
5. Observe: the video component highlights will cycle, and the end user will not be able to escape the iframe. 


Expected results:

End user should be able to escape the iframe after cycling through all of the iframe components. 

Occurs in: Mac OSX 10.8.2, Firefox 16.0.2; Windows 7, Firefox ESR 10.0.11; Windows XP, SP3, Firefox 16.0.2, Mac OSX 10.8.2, Firefox 17.0

Comment 1

[Loic]

Are you able to reproduce the issue with a new profile?
https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles

Comment 2

[Sara Tabor]

Yes, I'm able to produce with a new profile - and was found on multiple QA testers within our department.

Comment 3

[Simona Badau, Desktop QA]

I can confirm that the focus is stuck within an iframe component on the latest Nightly.

Mozilla/5.0 (Windows NT 6.1; rv:20.0) Gecko/20.0 Firefox/20.0
Build ID: 20121126030823

Comment 4

[Loic]

It occurs in old versions like Firefox 8, so probably a dupe.

Comment 5

[Foosh]

It occurs in all FF I've used up to 18.0.1; Test any YouTube iFrame embedded using code supplied by Share > Embed.

BTW it's also very difficult to find a z-layer higher than an "embedded" YouTube video in an iframe. Doubt it's coincidience.

Mozilla/5.0 (Windows NT 5.1; rv:18.0) Gecko/20100101 Firefox/18.0

Comment 6

[Darren McMillan]

Using v19.0.2 this still occurs.

Comment 7

[leigh]

I'm still seeing this issue in FF 31.0 on Mac OSX (Mavericks)

Comment 8

[Leonardo]

The issue persists on FF 32.0.3 (Windows 7)

I don't know how this bug tracking business works but shouldn't this be at least CONFIRMED by now? Multiple users have reported it through multiple versions.

The fact that this bug exists means any website embedding Youtube videos, even when Youtube itself supports assistive technologies such as closed captions, is not following WCAG's minimum requirements for accessibility, namely the ability to navigate through the whole page using only the keyboard. http://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-trapping

I want to note that even though you can't tab "forward" away from the iframe, you can tab "backwards" out of it(shift+tab)

Comment 9

[[e-mail]]

Issue persists on FF 33.1 (Windows 7). The backwards tab action allows the focus to escape the iframe. As Leonardo pointed out in October, this prevents WCAG 2.0 Level A compliance, since a keyboard trap is a failure of success criterion 2.1.2.

Comment 10

[stefan_ionita]

Issue persists in the latest Firefox (v39) on Win7

Comment 11

[Marco Zehe (:MarcoZ)]

Is this example still using the old Flash-based Youtube video player? Judging from the original bug filing date, this is likely a dupe of bug 78414. But now that Youtube is replacing that Flash component with HTML5 video, this issue should resolve itself expediently.