向html5視頻標籤添加輔助功能標籤

Question

我創建了一個帶有HTML5視頻的視頻頁面，並在視頻標籤中添加了tabindex。然而，這是不可能的控制，任何想法，爲什麼這可能是？

這是視頻塊的第一行：

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

Answer 1

這似乎是非常依賴於瀏覽器：它是真正達到爲它顯示什麼類型的控制瀏覽器。在IE和Firefox中，整個視頻元素都得到了關注;空格切換播放/暫停，左/右移動當前位置，上/下調整音量。 Firefox只在鼠標懸停在元素上時才顯示控件（可訪問性錯誤！）。 （如果您有tabindex =「0」，但Chrome並不會讓您通過鍵盤進行任何有用的操作，Chrome將讓它獲得關注，所以它似乎無法進入鍵盤）。

如果您確實想要一致的可訪問性和UI體驗不同瀏覽器，您可以使用HTML + CSS + JavaScript創建自己的控件。