咖啡豆介紹把產區、包裝重量與保存提醒全部做成一張漂亮圖片。網路順暢時看起來完整，一旦圖片未載入，或讀者使用其他方式閱讀，重要資訊可能只剩空白。圖片在這篇文章裡承擔什麼工作，值得在設計前先想清楚。
處理圖片資訊，不是替每張圖塞入一段長長的說明，而是辨認讀者需要知道什麼，以及這些內容是否已有合適的文字版本。視覺可以幫助閱讀，也需要與正文一起完成任務。
先判斷它是資訊、功能還是裝飾
一張咖啡豆實物照片，可能用來辨認包裝；一張沖煮示意，可能說明器具關係；背景上的豆子則可能只是氣氛。相同咖啡元素出現在不同位置，用途並不一致。編輯要先看它在該頁真正幫讀者理解了什麼，才能決定如何補足文字。
若圖片本身是連結或按鈕，文字也需要交代它的功能，而不只描述畫面顏色。不要把所有圖都當成商品照片處理，更不要只依檔名猜用途。從頁面裡的角色出發，才不會把沒有幫助的敘述堆到讀者面前。
重要產品資訊另有可閱讀的文字
假設豆袋圖片上印有重量與保存方式，網站仍應有對應的商品說明，讓人能查找與閱讀。只靠圖片中的小字，手機使用者可能需要反覆放大；圖片改版後，編輯也容易忘記內容是否已同步更新，造成不同位置說法不一致。
可以把真正影響選擇的內容放在正文或資料欄位，再讓圖片補充外觀與情境。不必將圖中每個裝飾細節抄進段落，但也不能省掉讀者無法從別處取得的必要訊息。這是在安排資訊的位置，並非要求圖片與文章逐字重複。
替代文字依圖在此處的用途寫
替代文字（Alternative Text）用來傳達圖片提供的資訊或功能。一張呈現濾杯與分享壺的教學圖，可以描述與本段有關的器具關係；如果只是裝飾，則可能不需要額外敘述。判斷依所在情境，不能規定每張圖都必須寫滿一串咖啡詞。
圖說與替代文字也不是一定要一模一樣。圖說可交代讀者在畫面上看得到的重點與示意身份，替代文字則需要配合實際用途。遇到複雜圖表時，完整資訊可能要放在旁邊的文字或表格，不能期待一句短標記取代所有內容。
把圖片暫時拿開，檢查文章是否仍成立
完成頁面後，可以先只看文字，試著回答這個商品是什麼、步驟如何銜接、選擇條件在哪裡。如果某一個關鍵只剩「如上圖」卻沒有可理解的內容，就需要補足。這項檢查能找出資訊缺口，仍不等於已完成所有無障礙驗證。
最後再查看手機畫面與實際圖片，確認文字沒有描述錯物件，也沒有把情境照片寫成實測證據。圖片更新後應重看對應圖說與替代文字，而不是只替換檔案。讓視覺與文字保持一致，才能避免漂亮畫面承擔超出它能證明的事情。
常見問題
每張咖啡照片都要寫很多替代文字嗎？
不必。先判斷用途，保留能傳達必要資訊的內容；裝飾圖、功能圖與資訊圖的處理不同，並沒有通用的字數任務。
圖片上已有文字，正文就能省略嗎？
先看那些文字是否影響理解與選擇。必要資料應有適合閱讀的文字版本，不能只靠圖片載入正常作為資訊完整的依據。
咖啡網站的圖片要與文字一起服務閱讀。先辨認用途，把必要資料放在可取得的位置，再依情境提供適當替代資訊，畫面才不會成為理解的單一入口，也更容易在改版時維持一致。