跳到主要內容
:::|

9.6:H309105 對於表單元件考慮提供鍵盤快速鍵的操作

說明:肢體殘障者常因肢體移動的限制,電腦的輸入必須以鍵盤操作取代滑鼠的操作。因此網頁中的表單元件必須提供鍵盤便捷鍵的操作,以利肢體障礙者可以迅速的使用快速鍵操作網頁中的表單元件。

範例:未使用accesskey屬性替表單設定便捷鍵。

不良設計

網頁開發者如未提供表單元件的便捷鍵,將會造成瀏覽網頁上的不便。

不良設計:

< FORM action= " submit " method= " post " > 
< LABEL for= " user " > 使用者名稱: < /LABEL > 
< INPUT type= " text " id= " user " value= " 輸入您的姓名 " > 
< FIELDSET > 
< LEGEND > 性別: < /LEGEND > 
< INPUT name= " sex " type= " radio " id= " male " checked > 
< LABEL for= " male " > 男性 < /LABEL > 
< INPUT type= " radio " name= " sex " id= " female " > 
< LABEL for= " female " > 女性 < /LABEL > 
< /FIELDSET > 
< LABEL for= " com " > 建議事項: < /LABEL > 
< INPUT name= " comment " type= " text " id= " com " value= " 輸入您的建議事項 " > 
< /FORM >

正確示範

使用便捷鍵的設計,可以讓身心障礙者利用便捷鍵迅速瀏覽網頁。

正確範例:

< FORM action= " submit " method= " post " > 
< LABEL for= " user " accesskey= " U " > 使用者名稱(U): < /LABEL > 
< INPUT type= " text " id= " user " value= " 輸入您的姓名 " > 
< FIELDSET accesskey= " S " > 
< LEGEND > 性別(S): < /LEGEND > 
< INPUT name= " sex " type= " radio " id= " male " checked > 
< LABEL for= " male " > 男性 < /LABEL > 
< INPUT type= " radio " name= " sex " id= " female " > 
< LABEL for= " female " > 女性 < /LABEL > 
< /FIELDSET > 
< LABEL for= " com " accesskey= " X " > 建議事項(X): < /LABEL > 
< INPUT name= " comment " type= " text " id= " com " value= " 輸入您的建議事項 " > 
< /FORM >

上一頁| 回首頁