標籤: 替代文字

AI 圖片替代文字可以由 AI 協助起稿，卻不該把判斷工作全交給它。因為同一張照片放在新聞、商品頁或按鈕旁，對讀者的意義可能完全不同。好的替代文字（alt text）不只是幫搜尋引擎讀圖，更是讓使用螢幕閱讀器、關閉圖片或網路較慢的人，仍能理解頁面與完成任務。以下用五個原則，把無障礙與 SEO 放在同一個工作流程裡。 原則一：先問「這張圖在頁面上要完成什麼」 不要一開頭就問 AI「請描述這張圖」，先確認圖片用途：它是在傳遞資訊、觸發動作、呈現資料，還是單純裝飾？W3C WAI 的決策樹也是從這些問題出發：圖片是否含有文字？是否位於連結或按鈕？是否對當前頁面脈絡有意義？ 因此，alt 是情境文字，不是影像辨識報告。公園介紹頁的一張鳥照，可能只需「停在樹枝上的鳥」；鳥類辨識文章則可能需要補上可由可靠來源確認的物種與特徵。先看圖片前後的標題、圖說、段落和互動元件，再決定讀者需要知道的最小資訊。AI 可以根據你的情境提示產生初稿，但最後應由熟悉內容的人核對。 原創 AI 概念插圖：同一張圖片的替代文字，會因頁面用途而改變。 建議把這個判斷放進內容流程：上傳圖片時先填寫用途與頁面位置，再讓 AI 提供兩三個候選句；編輯選出最貼近任務的一句，最後在實際頁面用螢幕閱讀器或移除圖片檢查。這比事後大量補填，更容易維持同一網站的語氣與品質。 可直接改寫的 AI 提示詞： 請為這張圖片提出 2 個繁體中文 alt 候選句。頁面主題是［主題］，圖片位於［段落或介面位置］，用途是［資訊／裝飾／功能／複雜資料］。附近文字為［內容］；若是連結，其目的地是［目的地］。請只保留讀者理解或操作所需的資訊，不堆疊關鍵字，不猜測人物身分、情緒或無法確認的數字。若適合空 alt，請說明理由；將需要人工確認的資訊另外列出，不要寫入候選句。 原則二：資訊圖要短而準，裝飾圖用空字串 能增加理解的照片、插圖或簡單圖示，alt 應以簡潔句子傳達核心資訊；不必逐一列出背景、顏色和所有可見物件。純粹營造氣氛、版面分隔，或與旁邊文字完全重複而沒有額外資訊的非功能圖片，應使用空的 alt：alt=""。這不是漏填，而是告訴輔助科技略過它，避免讀者聽到無用的提示。 若圖片裡的文字沒有在頁面其他地方出現，alt 應包含那些文字；若只是把附近已存在的標題做成視覺效果，通常可用空字串。實作時要真的保留 alt 屬性並留空，而不是省略屬性，也不要把裝飾圖的檔名或「裝飾圖片」塞進去。 示範（非固定模板）：好： （只作分隔線）壞： （把裝飾與關鍵字噪音讀給使用者） 原則三：功能圖描述「動作或目的」，不要描述外觀 圖片若是連結或按鈕，讀者最需要的是按下後會去哪裡、會做什麼，而不是它長得像什麼。W3C 的例子包括代表列印功能的印表機圖示：alt 應是「列印」，而非「灰色印表機圖示」。若同一個連結內已有足以說明目的的可見文字，避免重複朗讀，可讓圖片的 alt 為空，將功能交給該文字。不能因為附近另一個連結有文字，就讓獨立的圖片連結失去可存取名稱。 這個原則也能避免 AI 把介面圖示誤寫成物件名稱。提示 AI 時提供互動目的，例如「這個圖示按下後開啟下載頁」，並由人工確認實際行為。連結到「AI 圖片工具比較」的縮圖，alt 可以是「查看 AI 圖片工具比較」；不能只寫「藍色箭頭」。 示範（非固定模板）：好： 壞： （沒有說明按鈕目的） 原則四：複雜圖把資料放進正文，別把 alt 變成謎語 圖表、流程圖、地圖和資訊圖表承載的內容，通常超過一個短句能說清楚的範圍。W3C 建議把完整的文字等價資訊放在頁面其他位置；alt 可先指出圖的主題，再以鄰近的說明、表格或可展開的長描述補足。這樣所有人都能讀到數值、關係與結論，也方便日後更新資料。 例如，折線圖的 alt 可寫「2024 年各季網站訪客趨勢圖，第二季最高」，正文接著列出每季數值與比較方式。這只是寫法示範，不是實際流量數據。不要只寫「一張很複雜的圖」，也不要把 AI 猜出的精確數字直接發佈。若原圖文字難以辨識，應回到資料來源核對；若資料不足，應補齊可驗證的文字或表格，不要以模糊短句當作已提供完整資訊。 原則五：用自然語言做 SEO，逐字核對 AI 的臆測 Google Search Central 表示，Google 會結合 alt、頁面內容與電腦視覺理解圖片；也建議使用有用、資訊豐富且符合頁面脈絡的文字，避免在 alt 填滿關鍵字。圖片應放在相關文字附近，檔名也可簡短描述主題，但 alt 不是關鍵字清單，更不是保證圖片排名的捷徑。 先寫「讀者若看不到圖，仍需要知道什麼」，再自然地加入真正相關的詞。例如文章談「台北辦公室的無障礙坡道」，照片可用「台北辦公室入口的無障礙坡道」（前提是地點已確認）；不用重複「無障礙坡道、無障礙設計、SEO、圖片 SEO、最佳 SEO」。同時拒絕 AI 的臆測：不要憑外表猜姓名、年齡、性別、職業、情緒、健康狀況或品牌型號。能從圖說、檔案、拍攝者或頁面資料確認，才寫進 alt；無法確認就刪掉或改成可觀察的描述。 原創 AI 概念插圖：AI 負責初稿，作者負責核對圖片事實、用途與頁面脈絡。 示範（非固定模板）：好：alt="編輯在辦公桌前檢查網頁替代文字"（前提是頁面或圖說已確認角色與動作）壞：alt="年輕、焦慮的女性 SEO 專家使用最強 AI 工具"（臆測身分與情緒，還堆疊宣傳詞） 上稿前快速檢查 移除圖片後，頁面重點或操作目的是否仍可理解？這是裝飾圖嗎？若是，是否為 alt=""？是按鈕或連結嗎？alt 或其他可存取名稱是否說明目的？是圖表嗎？完整關鍵資料是否也在正文、表格或長描述中？人物身分、數字與情緒是否有來源，而非 AI 猜測？是否讀起來像一句自然的說明，而不是關鍵字清單？ 常見問題 Q：alt 一定要控制在某個字數內嗎？A：官方指引的重點是準確、符合用途與脈絡，沒有可套用所有圖片的硬性字數。簡單圖保持精煉；複雜圖把完整資訊放在正文或長描述。 Q：AI 生成的 alt 可以直接貼上嗎？A：不建議。若沒有提供頁面情境，AI 可能不知道圖片的實際功能，也可能誤認人物、品牌、文字或數據。把它當初稿，人工依五項原則核對。 替代文字的 SEO 價值，建立在真實而可使用的內容上；無障礙也不是另加的一層文案，而是重新檢查頁面意義的機會。從圖片用途開始，讓 AI 負責草稿、讓作者負責脈絡與事實，便能寫出更短、更可靠、也更有用的 alt。這些原則是內容實務建議，不代表完成整站的無障礙合規評估。 官方延伸閱讀： W3C WAI Images Tutorial、W3C alt Decision Tree、Google Search Central：Google image SEO best practices、W3C WCAG 1.1.1 Non-text Content。

一	二	三	四	五	六	日
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31