商品圖和活動海報的替代文字怎麼寫？先判斷圖片在頁面上的用途
替代文字要依圖片在當頁的用途寫。商品照的重點可能是材質、尺寸或使用差異，圖片按鈕則應讓人知道會前往哪裡。裝飾圖可依情況使用空替代文字。活動海報若含日期、價格或報名條件，最好將必要資料放進正文，讓人不用看圖也能決定下一步。先選五張重要圖片核對，再用相同方式維護其他頁面。
先問讀者不看圖片會少知道什麼
把圖片分為資訊、功能、裝飾及複雜圖。資訊圖補上對閱讀有用的細節。功能圖例如只有圖示的連結，需要能辨識目的的名稱。裝飾圖沒有補充資訊時，可用空替代文字讓輔助工具略過。圖中如果有大量資料，例如流程圖和價目比較，正文應另提供等同資訊。W3C 的決策樹可用來判斷各種情況。 W3C 替代文字決策樹W3C 複雜圖片教學
同一張照片在不同位置，寫法可能不同。放在商品頁若要說明扣環，替代文字可寫出扣環在外袋的側面。放品牌故事時若只作裝飾，可按實際用途處理。不要用媒體庫預設檔名當替代文字，也別在每張圖片塞相同關鍵詞。旁邊已經有等同資訊時，注意避免讓輔助工具重複朗讀整段文字。
海報關鍵條件要在正文也看得到
社群海報搬到官網時，先把活動名稱、時間、地點、價格與適用條件逐項列成文字。圖可以保留視覺氣氛，替代文字簡述圖片的相關訊息。按鈕用可讀的文字或正確名稱，寫清楚點擊的結果。連結若同時有圖和可讀文字，核對整個連結被讀出的名稱，避免兩處內容完全重複。
頁面如果是比較或流程說明，把圖中的主要關係寫成步驟或表格。替代文字可說「流程圖呈現從選品、比價到詢問的三步」，詳細差異由附近文字說明。上架前用手機放大、關掉圖片或查看輔助功能的讀取順序。假如沒有圖片時讀者就完全不知道活動時間，先補正文再修圖。
情境示例一｜家具商品頁的三張照片各有用途
虛構「杪木家居」要賣一款小玄關櫃。第一張圖讓人看出櫃體造型，第二張展示門片向左開，第三張拍到櫃內隔板可調。團隊寫簡短的資訊替代文字，並在正文列實際尺寸與配置。圖中若只有擺設，文案標出哪些物件不隨商品提供，讓讀者有同樣的購買資訊。
驗收請同事先遮住三張圖，只讀圖片說明和產品規格，再回答是否能判斷開門方向、隔板與尺寸。若尚需看圖才知道關鍵配置，補上可讀文字。另一位同事用手機檢查圖片順序和放大功能，確定換圖後相關文字也已更新。
情境示例二｜課程活動頁用海報引導報名
虛構「溪旁教室」把直式海報貼到官網，原本日期與地點全在圖裡。新版在圖下放活動名稱、適合對象、時間、地點與名額狀態，報名按鈕寫明「查看場次並報名」。若海報只是重複正文同樣的內容，就按頁面用途避免再逐字複述。海報視覺仍可以讓讀者辨認活動，但重要條件有固定文字位置。
驗收一個用圖進入的路徑，以及一個從搜尋文字進入的路徑。兩者應能找同一個報名網址。如果名額已滿，更新文字狀態及按鈕，再檢查社群舊海報仍連到能說明現況的頁。若有兩個場次，兩套圖片名稱及頁面描述應讓使用者讀得出差別。
圖片欄位與編輯交接
共用表可填「頁面、圖片位置、用途、替代文字、旁邊的文字、是否可點、連結名稱、負責人」。舉例一張頁首主圖可能只提供氣氛，而另一張圖直接連到可下載菜單，後者的名稱可寫「查看外帶菜單」。最終名稱取決於頁面結構。每次換照片時一起核對原有文字是否仍適用，尤其是產品顏色、門片方向及活動日期。
可先從流量最高或影響詢問的五頁開始，每頁選主圖、關鍵功能圖及一張含文字的海報。讓設計同事檢查照片內容，網站同事核對讀取方式。若表單或購物頁有自訂圖示，使用鍵盤能否到達與操作也一起測。若圖片設定在共用區，調整後回看其他頁是否會出現不合情境的說明。
交稿前做一次純文字閱讀
先暫時把頁面上的圖片想成空白，依順序列讀者在這裡能取得的資訊。活動頁要讀得到日期、地點與行動。商品頁應知道款式和尺寸差異。案例流程若只能從箭頭看出順序，補一段短文或可讀表格。再打開頁面查每張圖的替代文字，確認讀到時真的補足了所需資訊。如果圖只重複可讀標題，不必再次讀完整名稱。
也可以請編輯與設計分工。編輯先寫在正文必須保留的文字，設計負責讓圖與文字呼應，網站同事檢查按鈕與圖片在正式頁的讀取方式。素材經過版型替換後，要回到公開頁核對實際狀態，因為上傳到媒體庫的欄位不一定等於該頁使用的文字。圖片有連結時，實際測它前往哪裡，並對照名稱是否準確。
處理同一批海報時，先試一張日期較近的活動。請一位同事用手機找出地點及場次，另一位使用鍵盤找到報名入口。若主辦方改日期，只更新圖還不夠，頁面的可讀文字及當期狀態也要核對。保留已驗證的活動版次和圖片用途，日後更換檔案時比較容易確認哪些說明應同步調整。
用真實任務驗收，而非只數填了幾欄
讓第一次進站的讀者做一件事，例如找課程日期、判斷櫃門方向或找到可下載型錄。用圖像、文字與鍵盤各試，記下在哪一步還要猜。對品牌來說，合適的檢查成果是重要資訊可讀、功能名稱清楚且客服可指向同一頁。若只做圖片字串的完成率，容易忽略真正需要文字的海報與圖表。
圖片更新後也可查詢客人是否還問重複的基本問題。若許多問題集中在圖裡的某個條件，將那句移到對應按鈕附近。優先處理對選購、預約和合作會造成影響的圖片，再逐步改善裝飾與其他內容。
品一品 AI 行銷成長夥伴
品一品可協作網站圖文、活動海報上架、圖片替代文字與操作入口。提供一個主要活動頁或商品頁，可先試改最影響讀者決策的圖片及文字。
官方資料直接連結見文中。圖片為品一品原創圖解；可隨本文公開使用。案例為虛構，並非客戶實績。
