替代文字傳達的是目的,不是每個像素
當影像無法被看見時,替代文字取代了影像所提供的資訊或功能。好的替代文本取決於上下文。同一張照片可能在產品頁面需要「紅色跑鞋配白色鞋底」、支撐指南中描述胎底磨損,或是重複附近裝飾時用空的替代文字。
實用的寫作方法
- 請詢問為什麼這張圖片會出現在這個頁面上。
- 找出讀者若沒有它會錯過的資訊。
- 用最自然且能達到目的的詞彙來描述這些資訊。
- 只有在重要且尚未相鄰時才加入可見文字。
- 對於連結的圖片,請描述目的地或動作。
- 把段落和文字一起讀,這樣可以避免重複。
避免每次描述都以「圖片」或「圖片」開頭。螢幕閱讀器早已宣告該元素是影像。當媒介有意義時,如「圖表」、「截圖」或「水彩」,請提及。
依上下文的範例
| 背景 | 有用的替代文本 |
|---|---|
| 產品卡 | PDF Batch Toolbox Pro 應用程式圖示 |
| 教學截圖 | 合併面板,三個 PDF 依最終順序排列 |
| 排行榜 | 從一月到五月,每月商店點擊量增加,之後趨於平穩 |
| 裝飾背景 | 使用空的替代屬性: alt="" |
常見錯誤
- 塞入無法幫助別人理解圖片的關鍵字。
- 逐字重複說明或相鄰段落。
- 描述應該跳過的裝飾性意象。
- 省略了僅圖示連結或按鈕的動作。
- 使用AI生成的描述,卻不檢查可見文字和事實細節。
探索AI Image Describer Windows
本指南首先說明工作流程。在繼續Microsoft Store之前,請先檢視Megaish產品頁面上的已驗證功能和截圖。
查看功能與截圖常見問題
替代文字應該有多長?
沒有一個通用的角色目標。要簡潔,同時保留圖片的相關目的和資訊。
裝飾性圖片應該有替代文字嗎?
裝飾性圖片通常應該使用空的替代屬性,讓輔助科技可以跳過它們。
AI 能自動撰寫無障礙的替代文字嗎?
AI 可以產生有用的草稿,但使用者應該驗證準確性,並根據圖片的情境和目的調整。