Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’ve created a video page with HTML5 video and added a tabindex to the video tag. However, it is not possible to tab into the controls, any idea why this could be?
This is the first line of the video block:
<video tabindex="0" class="video-js" width="640" height="264" controls="controls" poster="http://video-js.zencoder.com/oceans-clip.png">
This appears to be very browser dependent: it’s really up to the browser as to what type of controls it displays. In IE and Firefox, the whole video element gets focus; space toggles play/pause, left/right moves current position, up/down adjust volume. Firefox only displays controls while mouse is over the element (accessibility bug!). (Chrome will let it take focus if you have tabindex=”0″, but doesn’t let you do anything useful via keyboard, so it appears to be effectively keyboard inaccessible.)
If you really want consistent accessibility and UI experience across different browsers, you could create your own controls using HTML+CSS+JavaScript.