什麼是替代文字助手？
選擇圖片類型，根據對應的提示撰寫替代文字，再用無障礙檢查清單驗證。包含各類型的技巧和範例，幫你寫出螢幕閱讀器友善的描述。
從六種圖片類型(照片、圖示、圖表、裝飾、資訊、圖片連結)中挑一個,輸入欄會自動切到對應的提示,引導你寫出螢幕閱讀器使用者真正需要的描述。字數即時顯示,超過 125 字會提醒;旁邊的六項清單會檢查描述是否具體、簡潔、有考慮上下文、避免「image of」等贅詞、把最重要的資訊放在最前面,並且沒有出現逗號堆疊或關鍵字重複。裝飾類圖片會提示用 alt="" 讓輔助科技直接跳過。
使用方法
- 選擇您要描述的圖片類型：照片、圖示、圖表、裝飾性圖片、資訊性圖片或圖片連結。
- 根據圖片類型的提示，寫一段簡潔的描述。
- 根據無障礙檢查清單審核您的替代文字，然後複製並用於 HTML 或內容管理系統。
何時使用
- 在 Shopify 或 WordPress 商品圖庫上線前補齊 alt 屬性。
- 為季度報告中的圖表撰寫 alt 文字,讓螢幕閱讀器使用者也能取得關鍵數字。
- 在無障礙審查前依 WCAG 1.1.1 檢查既有網站。
結果
對於展示第一季銷售額的長條圖：不要寫「chart.png」，而應寫「長條圖顯示2024年第一季各地區銷售額：北美210萬美元，歐洲180萬美元，亞洲140萬美元」。
常見問題
- 為什麼 alt 文字被視為最重要的無障礙屬性?
- 它是 WCAG 的第一條(1.1.1 非文字內容,A 級)的核心要求,也是視障使用者在每個頁面都會立刻遇到的硬性指標。缺失它不只影響無障礙,搜尋引擎與連結預覽爬蟲也會拿來當圖片說明。
- alt 文字應該多短?125 字元是硬性上限嗎?
- 技術上不是。瀏覽器與螢幕閱讀器都能處理更長的字串。125 字元這個經驗來自舊版 JAWS 的截斷行為,新版螢幕閱讀器已修復;但短描述聽起來仍然較不累。
- 純裝飾圖(分隔線、背景花紋)該怎麼寫?
- 用 alt=""(空字串),而不是乾脆不寫 alt 屬性。空 alt 會告訴螢幕閱讀器略過這張圖。完全省略 alt,有些螢幕閱讀器會改去念檔名,反而更糟。
- 複雜圖表要怎麼在 125 字元裡說完?
- 先說圖表類型與最關鍵的結論,而不是逐筆列出資料。「折線圖,2024 Q3 行動用戶超越桌面」比一長串月份數字有用。完整資料可以放在同頁其他位置的長文描述裡。
- 要不要在開頭加上「圖片」「照片」這類字眼?
- 不要。螢幕閱讀器本身會先唸「圖片」,你再寫一遍就變成「圖片,圖片:一隻貓」。直接從主體開始,例如「灰貓坐在藍沙發上」。本工具的清單也會自動檢查這一項。