Link element within a video element is hidden but not removed from tab order

Won’t fix Issue #7346676

Details

Author
Owen E.
Created
Apr 26, 2016
Privacy
This issue is public.
Found in
  • Internet Explorer
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

The HTML5 syntax for a <video> element allows “fallback” content if the browser (e.g. IE8) does not support that element:

<video controls>
  <source src="SampleVideo.ogv" type="video/ogv">
  <source src="SampleVideo.mp4" type="video/mp4">
  Your browser does not support the <code>video</code> element.
</video>

Browsers which support the <video> tag hide the fallback content from the user.

If the fallback includes a link, IE11 (in fact, IE9 upwards) visibly hides the link, but the link remains in the keyboard focus (Tab) order. This is especially confusing for screen reader users, where there is no longer a name associated with the link.

<video controls>
  <source src="SampleVideo.ogv" type="video/ogv">
  <source src="SampleVideo.mp4" type="video/mp4">
  Your browser does not support the <code>video</code> element.
  You can <a href="SampleVideo.mp4">dowload the video</a> instead.
</video>

This behavior does not happen with Firefox or Chrome, which correctly hide the fallback content and remove the link from the Tab order.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Status to “Won’t fix”

    • Hello,

      This does not repro in Microsoft Edge and we are not working on IE feature bugs any longer unless they are security related. As such, this item is being closed out as Won’t Fix - since I am seeing the behavior described in IE11.

      We welcome all feedback you have regarding Edge through this portal and hope that you continue to provide us with your input in the future.

      All the best,
      The MS Edge Team

    You need to sign in to your Microsoft account to add a comment.

    Sign in