圖片替代文字最佳實踐指南,提高無障礙使用體驗

電子郵件無障礙標準確保每個人都能接收並理解電子郵件，無論他們是否有任何身心障礙或使用輔助設備。其中一個關鍵要素是使用替代文字，它為你內容中包含的任何圖片提供描述。

我們在這個部落格討論的許多內容都圍繞著如何讓你接觸到更多訂閱者，但同樣重要（甚至可能更重要）的是，要確保你的內容能夠讓所有想要接觸它的人都能輕鬆取用。

讓我們來解答你對替代文字和電子郵件無障礙性的所有常見問題吧 — 包括它是什麼、為什麼重要，以及如何做好它。

什麼是電子郵件中圖片的替代文字（alt text）？

電子郵件中圖片的替代文字是一段簡短的描述，當訂閱者無法看到圖片時會顯示出來。它也被稱為替代文字或替代標籤。

電子郵件中替代文字的用途是什麼？

替代文字為電子郵件中的圖片提供文字描述。具有描述性的替代文字可以幫助螢幕閱讀器和其他輔助技術「讀取」你的圖片，確保視力障礙的讀者能夠理解你的訊息。此外，當圖片因某些原因無法載入時，替代文字也能派上用場。

你應該為圖片加上替代文字嗎？

沒錯，你應該在電子郵件中的圖片使用替代文字，就像在網站內容中一樣。除了找到合適的圖片並將其編輯到 電子郵件的理想圖片尺寸 之外，你還需要提供完美的替代文字。

什麼是替代文字無障礙標準？

替代文字無障礙標準 提供了為圖片、按鈕和其他非文字元素撰寫替代文字的指南和最佳實踐。這些指南涵蓋了替代文字的使用方法和最佳做法。舉例來說，如果一張圖片純粹是裝飾性的，就不應該使用替代文字。

如何撰寫替代文字和圖片描述？

beehiiv 提供簡單易用的工具，讓你輕鬆為圖片添加資訊。只要點擊圖片，然後從出現的選單中選擇鉛筆圖示。接著會出現一個欄位，你就可以在那裡輸入替代文字了。

如果你需要在主流電子郵件服務（如 Gmail）中加入替代文字，通常可以在圖片上按右鍵找到相關欄位。

如何為圖片製作無障礙替代文字？

那麼，要如何寫出好的替代文字呢？請記住以下這些 alt-text 最佳實踐 ：

• 為所有非裝飾性圖片添加替代文字，但如果圖片不傳達任何資訊或意義，則保留空白的替代標籤。

• 不要包含「圖片的」或「照片的」之類的詞語。

• 避免使用「點擊這裡」之類的短語，這種說法假設讀者能看到特定細節。

• 根據圖片為文字內容增添的細節，描述圖片在上下文中的意義。

• 保持描述簡潔。

• 使用自然、容易理解的語言。

你甚至可以使用螢幕閱讀器來測試你的電子郵件。內容是否還容易理解？如果不容易理解的話，你可能需要重新思考如何使用圖片和替代文字。

深入了解電子郵件無障礙設計指南

替代文字很重要，但並不特別複雜。只要為你的圖片加上幾個描述性的字詞就可以了。

然而，你追求最佳無障礙性的任務不應止步於此。你還應該了解其他重要的設計元素，例如文字與背景之間的高對比度，以及無障礙字型。即使是一般的最佳實踐，如描述性的主旨行和標題，在面對某些族群時也變得更加重要。

畢竟，電子郵件無障礙性的美好之處之一，就在於它與雄心壯志的價值觀相互交織。包容性內容不僅是正確的目標，也是實用的目標，讓你能持續擴大你的受眾群。

為什麼要信任我們？

beehiiv 是由 The Morning Brew 的創辦者所開發的電子報平台。現在這個平台已經成為許多頂尖電子報的家。

至於我，離開學術界後，我把注意力轉向了數位行銷，特別專精於內容創作。在過去四年裡，我一直在這個領域進行研究並撰寫相關主題的文章 。