# 什麼是圖片替代文字（Alt Text）？

最後更新: 2026-07-25

英文版本：[https://accesserty.com/en/ai/glossary/alt-text.md](https://accesserty.com/en/ai/glossary/alt-text.md)

頁面版本：[https://accesserty.com/glossary/alt-text/](https://accesserty.com/glossary/alt-text/)

圖片替代文字，也常被搜尋為 alt text，是讓圖片在無法被看見或載入時仍能傳達必要資訊的文字。好的 alt text 取決於圖片在頁面中的用途，而不是只描述畫面上有什麼。

## 摘要

- 替代文字的重點是傳達圖片在目前頁面中的功能或資訊。
- 裝飾圖片通常應該被輔助科技忽略；資訊圖片則需要提供等價資訊。
- AI 可以協助提出草稿，但最後仍需要人判斷脈絡、語氣與是否足夠。

## 替代文字不是圖片標題

同一張圖片在不同頁面可能需要不同替代文字。商品照片可能要說明款式與狀態；新聞照片可能要說明事件關係；裝飾背景可能完全不需要被讀出。

因此，寫替代文字時應先問：如果使用者看不到這張圖，會少掉什麼資訊或操作線索？

## AI 建議可以幫忙，但不是最後答案

AI 很適合快速產生圖片描述草稿，尤其是內容團隊要處理大量圖片時。但 AI 不一定知道圖片在這個頁面的目的，也可能忽略品牌語氣、關鍵資訊或不該描述的細節。

DevCheck 的圖片替代文字建議應被當作輔助起點：它可以降低開始檢查的成本，但仍需要由人確認是否符合內容脈絡。

## 常見問題

### 每張圖片都需要替代文字嗎？

每張圖片都需要被正確處理，但不一定都需要可讀文字。裝飾圖片通常應該使用空替代文字或被隱藏，避免干擾。

### 替代文字要多長？

沒有固定長度。原則是足以完成該圖片在頁面中的功能，不多講無關細節，也不要省略必要資訊。

### Alt text 是什麼？

Alt text 是圖片的替代文字。當使用者看不到圖片、圖片載入失敗，或使用螢幕閱讀器瀏覽時，替代文字可以傳達圖片在該頁面中的必要資訊或操作目的。

### 裝飾圖片的 alt 可以留空嗎？

可以，而且通常應該留空。若圖片只是裝飾，使用空的 alt 屬性可以避免螢幕閱讀器讀出無意義的檔名或重複資訊。

## 相關頁面

- [依圖片用途寫替代文字](https://accesserty.com/guides/writing-meaningful-alt-text/)
- [圖片連結如何取得名稱](https://accesserty.com/glossary/accessible-name/)
- [Accesserty DevCheck](https://accesserty.com/devcheck/)

## 參考資料

- [W3C WAI - Images Tutorial](https://www.w3.org/WAI/tutorials/images/)
- [W3C WAI - An alt Decision Tree](https://www.w3.org/WAI/tutorials/images/decision-tree/)