跳到主要內容
:::|

1.4:H101003 對於表單中的圖形按鍵提供替代文字說明

說明:對於表單中的圖形按鍵,需要利用alt屬性做文字說明以替代該圖形按鍵,供視障者所使用的文字型態瀏覽器辨識。

範例:下面例子中做為按鍵的圖片因為沒有提供替代文字,在一些純文字瀏覽器上,則因而無法顯現該按鍵。

不良設計

表單中的圖形按鍵沒有提供替代文字。>

不良設計:

< INPUT type = "text" name = "textfield" > 
< INPUT name = "ButtonImage" type = "image" src = "search.gif" >

正確示範

正確的設計是在INPUT標籤中的alt屬性加入替代文字,改善情況可從將游標置於圖片上而出現文字說明得知。

正確範例:

< INPUT type = "text" name = "textfield" > 

< INPUT name = "ButtonImage" type = "image" src = "search.gif" alt= "查詢按鍵" >

上一頁| 回首頁