圖片可能需要不只一種描述。位置指示會告訴建置工具如何使用圖片。可見的說明文字會向讀者交代背景。替代文字則會將重要的視覺意義傳達給無法看見圖片的人。這些用途可能重疊,但不能互相取代。
告訴建置工具你的想法
描述圖片呈現的內容,以及你為何要加入這張圖片。例如:「這是我修復的椅子。請將它放在修復專案旁,並放在修復前的圖片之後。」也請說明任何重要的裁切偏好。不要要求建置工具推斷你的事實未能證實的客戶推薦、地點或產品規格。
用說明文字交代背景
說明文字可以標示專案名稱、提供日期,或解釋圖片呈現的是哪個階段。它應該補充實用資訊,而不是重複標題。如果圖片呈現的是虛構概念或練習專案,請清楚標明其背景。發布前請檢查名稱和日期。
描述意義,而非每個像素
替代文字應傳達圖片在當前內容中的作用。專案照片可能只需要簡短描述完成的作品。裝飾性的圖案則可能適合使用空白替代文字,讓讀取器略過。如果圖片包含重要指示或價格,也請將這些資訊以實際的頁面文字呈現。
搭配周圍的段落一併檢查
一起閱讀標題、段落、說明文字和圖片描述。刪除重複措辭,避免讓頁面變得難以瀏覽。檢查圖片無法載入時,訪客是否仍能理解主要訊息。文字不應聲稱圖片證明了圖片中看不出來的事情。
在 VollSite 中加入圖片時,請說明圖片的用途,並在所要求的變更完成後檢查產生的圖片位置。請將原始檔案另行保存,並且只使用你有權發布的素材。如需無障礙設計的基礎指南,請參閱 https://web.dev/learn/design/accessibility。自動檢查可以找出部分缺少描述的圖片,但仍需由人判斷文字是否傳達了正確的意思。