用語音輸入寫出清楚的圖片替代文字

文章寫好了，圖片也上傳了，替代文字欄位卻還空著。你明明能說明為什麼要放這張圖，真正要把理由寫成簡短描述時，卻像是又多了一項寫作任務。

這時可以先用語音輸入起草。在 Mac 上並排開啟圖片與草稿文件，說出重點，再把文字整理好，填入發布工具。圖片的內容與情境由你判斷；語音輸入記錄的是你說出的描述，並不是替你辨識圖片。

1. 先確認圖片在頁面上的用途

開始口述前，可以用 W3C 的 alt 判斷流程確認圖片的角色。不是每張圖都需要一段描述。

• 傳遞資訊的圖片： 說明圖片提供的意義。參考資訊性圖片指南。
• 裝飾性圖片： 使用空的替代文字 alt=""，而不是省略屬性。參考裝飾性圖片指南。
• 連結或按鈕唯一的標示： 說明目的地或操作。參考功能性圖片指南。
• 複雜的圖表或示意圖： 搭配簡短替代文字與可存取的詳細說明。參考複雜圖片指南。

先做這個判斷，才不會花時間潤飾一段頁面根本不需要的文字。

2. 用口述回答三個問題

針對傳遞資訊的圖片，在草稿文件中回答：

• 主要的物件或動作是什麼？
• 哪個看得見的細節對這篇文章最重要？
• 如果不能指著圖片，我需要用文字補充什麼？

說話時，同時看著圖片與前後文，一次處理一張。若要批次上傳多張圖片，請在草稿旁註明檔名，避免把說明配到錯的圖片上。

第一遍照平常的方式說就好。「這裡有一個」之類的開場白、重複的詞句與說到一半的改口，都能在編輯時刪掉。先留下有用的觀察，再考慮句子怎麼寫。

3. 把口述觀察整理成替代文字

假設你在打包指南中放了一張筆電包內部的照片。以下是虛構情境：照片補充了收納空間的配置，而周圍的段落尚未說明這些資訊。

口述草稿：「包包打開放在桌上。可以看到筆電放在有襯墊的夾層裡，充電器則在另一個有拉鍊的口袋。重點是兩樣東西分開收納。包包後面還有一盆植物。」

整理後的替代文字：

打開的筆電包，筆電放在有襯墊的夾層內，充電器收在另一個拉鍊口袋。

編輯後保留了相關的收納配置，刪掉口述時的補充評論與背景植物。也沒有加入無法確認的品牌、容量，或「能防止損壞」之類的承諾。這種先觀察再編輯的方式，也適用於撰寫產品描述。

4. 對照實際圖片檢查文字

看著真正要使用的圖片校對，不要只憑印象。修正聽錯的產品名稱、介面標籤與數字，刪除無法確認的資訊。把描述與頁面本文連著讀，也能找出不必要的重複或欠缺的背景。

製作其他語言版本時，請一起檢查在地化頁面與圖片。若截圖上的按鈕仍是英文，而讀者需要靠這個名稱辨識操作位置，就應準確保留原本的標籤，不要描述圖片裡不存在的翻譯版介面。

5. 在發布工具中完成最後確認

將校對後的文字放進圖片的替代文字欄位，再確認儲存結果。裝飾性圖片則要檢查編輯器的設定是否產生預期的空替代文字。完成上傳檢查前，先保留檔名與描述的對照筆記；縮圖相似時尤其有用。

把這個檢查加入部落格寫作流程，讓圖片說明與本文一起完成，而不是最後才面對一個不知如何處理的空白欄位。

TypeFree 是將語音轉成可編輯文字、加快寫作的簡單方式。先用自己的話描述一張圖片，再把草稿整理成符合頁面用途的替代文字。