![]() ![]() |
9.6:H309105 對於表單元件考慮提供鍵盤快速鍵的操作不良設計網頁開發者如未提供表單元件的便捷鍵,將會造成瀏覽網頁上的不便。 不良設計: <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> 範例結束 |
![]() |