2014-02-13 32 views
0

我有一個網站,我正在爲鍵盤用戶提供。這可能以前曾被問過,但我還沒有找到一種方法來使其工作。 :(修改元素tabindex訂單

我遇到的問題是,在某一點上有一個幻燈片和一個暫停/播放鏈接。當用戶瀏覽網站時,他首先必須瀏覽整個幻燈片,然後注重土地的pauze /播放鏈接。

我試圖重建它作爲最好的,越簡單越好。

Fiddle here

當你通過TAB鍵您注意到元素的焦點直接那張幻燈片,然後進入暫停/播放鏈接。由於HTML結構,我知道這是正常行爲。

我的問題是:我如何操作這個順序,只要我從最後一個「鏈接」中選擇焦點直接進入暫停/播放而不是去幻燈片。

我試過用tabindex="0/1";搞亂了,但後來我需要把它放在所有的元素上?

(旁註:網站上都高於這個「幻燈片放映」多了很多HTML元素,我不能改變被賦予結構)提前

謝謝!

回答

1

改變這種秩序的唯一方法是重新安排你的HTML元素。

tabindex本身可以做兩兩件事:

  • 它設置「可聚焦」元素
  • 的它使得元件「可聚焦」的順序。

tabindex = -1元素不會得到集中
tabindex = 0元素將在正常的標籤(語義)爲了可獲得焦點
tabindex = 1元素與將集中第一

1

如果不使用tabindex(或JavaScript),則無法更改選項卡選擇。

jsfiddle

+0

正值這是可能的,而無需把tabindex屬性上的每個元件? –

+0

正如我所說,沒有。你可以通過JavaScript來設置它,但這對於可訪問性沒有意義。 – enyce12

+0

因此,我在這裏唯一的選擇是嘗試並更改HTML結構? –