什麼是替代文字(alt text)?
替代文字是掛在圖片上的一句描述:螢幕閱讀器會把它念出來,圖片載不出來時也會顯示它。它要講清楚這張圖是什麼、為什麼放在這裡。
為什麼開店的人要在意
開店的網站有一大半是照片:店門口、餐點、空間、上個月做完的案子。對用螢幕閱讀器的顧客來說,對搜尋引擎也一樣,這些現在全是空白。你賣得最好的那道菜,如果只出現在照片裡,照片以外的世界就不知道它叫什麼。這也是店主自己一個下午做得完的無障礙修正。網站建置時你會從 40 個行業模板其中一個開始,第一版裡的照片誰的店都不是;15 種設計風格只會改變照片怎麼裁切、怎麼擺,沒有一種會替你把描述寫出來。換上自己的照片時,順手把描述一起寫掉。
一張圖該怎麼寫
- 先問這張圖放在這裡是要做什麼。店門口的照片是幫人認路:「永康街店門口,綠色遮陽棚下有戶外座位」。餐點照片是在賣東西:「白瓷碗裝的紅燒牛肉麵,配一小碟酸菜」。寫這個,不要寫「照片」。
- 一句話就好,不要用「一張……的圖片」開頭——螢幕閱讀器本來就會先說這是圖片。圖片裡如果有文字(價目、公告、招牌上的字),一定要打進去,因為沒有別的地方讀得到。
- 純裝飾的圖就留空:分隔線、背景紋理、重複出現的小圖示。留空等於告訴螢幕閱讀器跳過它,比讓人連續聽四十次「裝飾線條」好。
常見的誤解: 把關鍵字硬塞進替代文字,而不是描述那張圖——聽的人得到的資訊更差,而這正好是搜尋引擎特別會忽略的寫法。