跳到主要內容
:::|

9.4:H309103 具體指出按下Tab鍵在表單控制項,超連結及物件間移動的順序

說明:肢體殘障者常因肢體移動的限制,電腦的輸入必須以鍵盤操作取代滑鼠的操作。當使用tabindex屬性設定Tab鍵在表單控制項、超連結及網頁元件中的移動順序,有利於肢體殘障者使用Tab鍵在網頁中瀏覽資訊。

範例:未使用tabindex屬性設定TAB鍵在表單控制項中移動順序,TAB鍵的移動順序將依照預設值移動。

不良設計

未使用tabindex屬性設定TAB鍵在表單控制項的移動順序。

不良設計:

< TEXTAREA name= " field1 " > 輸入您第一題答案 < /TEXTAREA > 
< TEXTAREA name= " field2 " > 輸入您第二題答案 < /TEXTAREA > 
< INPUT type= " submit " value= " 送出答案 " > 
< A href= " #top " > 回到頁首 < /A >

正確示範

使用tabindex屬性設定TAB鍵在表單控制項的移動順序,使用者按下TAB鍵時,控制鍵的順序將會依照連結中tabindex的設定值大小決定移動順序。

正確範例:

< TEXTAREA name= " field1 " tabindex= " 2 " > 輸入您第一題答案 < /TEXTAREA > 
< TEXTAREA name= " field2 " tabindex= " 3 " > 輸入您第二題答案 < /TEXTAREA > 
< INPUT type= " submit " tabindex= " 4 " value= " 送出答案 " > 
< A href= " #top " tabindex= " 1 " > 回到頁首 < /A >

上一頁| 回首頁