跳到主要內容
無障礙網站規範 / 後台新增文章應注意事項 / 圖片需要加上替代文字說明(alt屬性)

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

資料來源:https://accessibility.moda.gov.tw/Download/Detail/33?Category=39

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

需求:圖片需提供alt屬性

 

1.插入圖片

方法一:直接將圖片複製貼上。

方法二:點選後台的括入「影像」功能。

2.雙擊「圖片」,進入影像屬性編輯頁面,填入「替代文字」

3.範例結果如下:

二林工商校徽

查看原始碼,會發現img中的「alt」屬性有值 

消息公佈欄

跳至網頁頂部