電子郵件可訪問性指南,或使您的電子郵件對所有人都友好
已發表: 2019-10-16電子郵件可訪問性使您的電子郵件對包括殘障人士在內的所有人都易於使用,因為它允許他們感知您的電子郵件並輕鬆與他們互動。
您可以進行一些設計和文案調整,以使您的電子郵件更易於訪問。 在本文中,我們將解釋採用可訪問性將如何影響您的電子郵件活動、其重要性以及如何將其付諸實踐。
內容
- 為什麼可訪問性很重要
- 如何創建可訪問的電子郵件
- 結構
- 代碼
- 字體
- 顏色
- 放大和縮小
為什麼可訪問性很重要
那麼您為什麼要關注可訪問性,它可以為您和您的企業帶來什麼好處? 讓我們來看看一些事實:
- 一般來說,世界人口的 15%,即 10 億人,有某種殘疾。 根據世界衛生組織的數據,全世界大約有 13 億人患有某種形式的視力障礙:3600 萬人根本看不到東西,2.17 億人患有中度至重度視力障礙。 如您所知,很多人可能會在不同的日常事務上遇到麻煩,包括與設備交互和閱讀電子郵件。
- 除此之外,殘疾市場的年可支配收入為 1.2 萬億美元。
- 根據 Cone Communications 最近的一項研究,78% 的美國人希望公司解決社會問題,87% 的人會從支持他們個人關心的問題的公司購買產品。
因此,使用電子郵件可訪問性,您不僅可以擴大受眾範圍並開闢獲得更多利潤的新機會,還可以表達您對每個人的尊重和關懷,從而提高您在具有社會責任感的用戶和殘疾人眼中的可信度。
如何創建可訪問的電子郵件
在本節中,我們將研究可以幫助您讓所有人更容易訪問電子郵件的七個要素:
- 結構體;
- 代碼;
- 替代文本;
- 鏈接和按鈕;
- 字體;
- 顏色;
- 放大和縮小。
除了這些元素之外,我們還建議您閱讀萬維網聯盟的標準列表可訪問性指南,這將幫助您確保您的 Web 內容可供殘障人士訪問。
結構
首先,確保按邏輯順序放置電子郵件內容,因為屏幕閱讀器可以從左到右、從上到下理解它。 大聲朗讀您的電子郵件,看看在不查看圖像的情況下是否容易理解副本本身。
例如,Collaborative Fund 在他們的電子郵件中保持良好的邏輯結構,因此很容易用眼睛和屏幕閱讀器跟踪它們。

對於有閱讀障礙和認知障礙的人來說,理解大型複雜文本可能很困難。 這就是為什麼我們建議您在文案中直截了當,縮短句子並避免長詞或行話。 在一個句子中安排一個想法,在一個段落中安排一個主題。
要測試文本的可讀性,請使用 Readable 等服務。 您可以將文本粘貼到那裡,該工具將自動突出顯示長句或複雜單詞,並建議更簡單的替代詞和同義詞。 看一下 Readable 的實際操作:
代碼
然後,看看你的代碼。 應該有標題元素,如h1 、 h2和段落標籤p等。 這將允許屏幕閱讀器瀏覽您的電子郵件。 語言 HTML 標籤lang=””將使任何輔助技術了解要為內容使用哪種語言配置文件。 轉到所有 HTML 語言標籤的列表以查找所需語言的代碼。
要清理您的代碼並確保您沒有任何未關閉的標籤和其他問題,您可以使用不同的電子郵件測試工具。
例如,為了避免在以視覺或音頻格式正確顯示您的內容時出現任何問題,您可以嘗試使用臟標記。 只需粘貼您的代碼,然後單擊“清理”。
替代文字
始終為圖像提供詳細的替代文本或替代文本——您應該傳達圖像的目的或含義,以便使用輔助技術或關閉圖像的訂閱者能夠理解整體上下文。
在 Messy Nessy Chic 的示例中,您可以看到每個圖像都有一個替代文本,包括電子郵件頁腳處的社交媒體按鈕。

如果您的電子郵件包含裝飾性圖像——那些用於視覺設計且沒有賦予特定含義的圖像——您應該為其添加一個空屬性alt=”” 。 這將使屏幕閱讀器跳過圖像。

鏈接和按鈕
當涉及到文案時,避免使用“點擊這裡”這樣的文字,並在句子的上下文中放置一個超鏈接。 這將使用戶更容易理解鏈接將重定向到哪裡。 請記住,您的鏈接應該與周圍的文本區分開來。
看一下來自 InsightTimer 的例子; 他們使用乾淨的超鏈接文本,即使對於那些自己無法閱讀電子郵件的人來說也很容易理解。

至於號召性用語按鈕,請保持它們足夠大,以便任何設備上的任何拇指都可以輕按。 用足夠的空白包圍你的按鈕,這樣就不會出現意外點擊。
字體
可訪問電子郵件中的字體大小不應低於 14 像素。 此外,您應該使用 Web 安全字體,它可以在大多數設備和操作系統上正確顯示。 這些字體是 Arial、Comic Sans、Courier New、Georgia、Impact、Palatino、Tahoma、Trebuchet MS、Times New Roman 和 Verdana。 在我們的博客上了解有關為您的電子郵件選擇完美字體的更多信息。
此外,我們建議您對文本應用左對齊。 閱讀時,每一行的開頭都是我們眼睛的錨點。 當對齊居中時,每條線都從不同的點開始,使用戶從一條線跳到另一條線。 反過來,通過合理對齊,單詞之間的間距每次都不同。 這就是為什麼將視覺錨點保持在同一位置或使用左側對齊是出於可讀性目的的最佳選擇。
還建議按標題、引號和其他類型的格式劃分文本。
Brain Pickings 提供非常長且內容豐富的電子郵件,主要由文本組成,但由於格式選擇,很容易“消化”它們。

顏色
首先,您應該檢查電子郵件中的顏色是否具有足夠的對比度,以便有視力問題的人可以訪問它。 例如,建議普通文本的比例至少應為 4.5:1,放大文本的比例至少應為 3:1,這通常用於標題。
要檢查電子郵件可訪問性方面的良好對比,您可以使用 Tanaguru 或 WebAIM 等工具。 它們允許您查看前景和背景的對比度。 Are My Colors Accessible 是另一個很好的選擇,可以檢查是否容易理解您的電子郵件。
例如,如果我們查看標準的黑底白底組合,可以看到對比度非常高:21:1。 但是,當我們將背景顏色更改為橙色時,比例會下降到 10.63:1。
放大和縮小
對於弱視用戶,縮放設置通常用於增加屏幕上文本和其他視覺元素的大小。 因此,請檢查是否有可能將您的電子郵件縮放至至少 200% 而不會降低內容的質量。
您可以在下方看到我們放大到 200% 的 The Futur 電子郵件片段 — 所有電子郵件內容仍然可見且可以清晰閱讀。

總而言之
創建可訪問的電子郵件時,請嘗試記住以下幾點:
- 保持電子郵件的邏輯閱讀結構。
- 使用帶有輔助設備所需的適當標籤的干淨代碼。
- 在您的電子郵件中為每張圖片添加信息替代文本,包括社交媒體按鈕和您的徽標。
- 確保所有鏈接和按鈕都可用或易於交互。
- 保持字體至少為 14 像素,使用適當的格式,並將文本向左對齊。
- 堅持背景和前景色之間的良好對比。
- 確保您的內容可以放大到至少 200% 而不會丟失內容。
在沒有經驗的情況下實施電子郵件可訪問性可能會令人生畏。 然而,當你分析它的潛在影響時,很明顯這項工作是值得做的。 嘗試使用 SendPulse 構建乾淨且易於訪問的電子郵件模板,並將它們發送給您的所有訂閱者。
