2011-06-28 3 views
1

私はHTML5ビデオのビデオページを作成し、ビデオタグにtabindexを追加しました。しかし、コントロールにタブを付けることはできません。なぜこれが可能なのでしょうか?html5ビデオタグにアクセシビリティタブを追加する

           <video tabindex="0" class="video-js" width="640" height="264" controls="controls" poster="http://video-js.zencoder.com/oceans-clip.png"> 

答えて

3

これは非常にブラウザ依存するように表示されます:

これは、ビデオブロックの最初の行は、それが表示するコントロールの種類などのブラウザまで本当にです。 IEとFirefoxでは、ビデオ要素全体がフォーカスされます。スペースは再生/一時停止をトグルし、左/右は現在の位置を、上/下はボリュームを調整します。 Firefoxは、マウスが要素の上にある間だけコントロールを表示します(アクセシビリティのバグ!)。 (tabindex = "0"の場合はChromeにフォーカスが当てられますが、キーボードでは便利な操作はできませんので、キーボードにはアクセスできません)

一貫性のあるアクセシビリティとUI HTML + CSS + JavaScriptを使用して独自のコントロールを作成することができます。

+0

OK、ありがとうございます。それはカスタムコントロールを作成することが前進する方法であるように見えます。ありがとう。 –