jQuery可訪問性 - 通過站點掛鉤

Question

我試圖在我的網站中創建一個選項卡焦點。每次用戶點擊標籤鍵時，焦點都會移動到頁面上的下一個項目。

這可以解決ie（版本9和8測試）中的方框，但是在FF中它僅適用於表單元素。

我可以使用jquery更普遍地使用這個工作嗎？

謝謝。

Answer 1

是的，您可以。使用jQuery，您可以使用：

$(function() {    
    if($.browser.mozilla) 
     $('*').attr('tabindex', 0); 
}); 

Answer 2

給你想要的一切tabbable屬性tabindex="0"

例子：

<b tabindex="0">Tabbable Title</b> 
<p tabindex="0">My tabbable content</p> 
<div tabindex="0" style='height: 100px; width: 100px; border: 1px solid red;'></div> 

DEMO Here，只要點擊 'Tabbable標題' 文本，然後按TAB前進和Shift + Tab在回去要素。

這將按照它們在頁面上出現的順序來選中每個元素。您還可以通過給tabindex指定一個非0的數字來指定您自己的Tab鍵順序，它將從1到2到3等選項卡。