跳到主要內容
:::|

1.1:H101000 圖片需要加上替代文字說明

說明: 在瀏覽器無法顯示影像時,可以利用ALT屬性所指定的說明文字來代替影像。例如協助視覺障礙者增進網頁文字及影像視覺可讀性(visual readability)之螢幕閱讀器(screen reader);螢幕閱讀器可以自動將ALT屬性所指定的說明文字解譯至語音合成器(speech synthesis)作語音輸出,或解釋至點字顯示器(brsille display)顯示點字。

範例: 網頁上的圖片沒有使用alt屬性提供任何替代文字。

不良設計

圖片沒有提供替代文字。

不良設計:

< IMG src = "view.jpg">

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


正確示範

IMG標籤中用alt屬性加入替代文字說明。

正確範例:

< IMG src = "view.jpg" alt = " 山谷中和風餐館的照片 ">

上一頁| 回首頁