本月電子郵件提示:無障礙電子郵件剖析

本月的電子郵件提示由 Emails Y’all 的 Anne Tomlin 為您帶來。 Anne Tomlin 是一名自由電子郵件開發人員,也是 Emails Y’all 的創辦人。她專注於電子郵件開發十多年,曾與 Discovery Inc.、NPR 和 Brinks Home 等品牌合作。 Anne 致力於撰寫易於存取、反應迅速的電子郵件,這些電子郵件在每個主要客戶中都能呈現精美的效果。她經營「Emails Y’all」的原則是月電子郵件提示 無論選擇的客戶是誰,每個人都應該得到出色的渲染。

在最新的本月提示中,我們建立了一封互動式電子郵件。它使用熱點提供有關如何增強電子郵件的可訪問性的有用提示。

本月提示可訪問性剖析

首先,讓我們來看看互動式熱點,它結合了複選框駭客和懸停效果。當您將滑鼠懸停在熱點上時,複選框的值將變更為 :checked,從而顯示熱點的內容。熱點最常用於電子商務電子郵件 盧森堡電子郵件列表 耐吉在圖像上使用它們來展示不同的待售產品。您甚至可以在熱點內設定 CTA,以便訂閱者可以立即購買商品。由於所有版本的電子郵件都應該是可存取的,因此 Outlook 仍將提供可存取的體驗:

現在,讓我們來了解輔助使用提示:

1. 語意層次
建立電子郵件時使用標題和段落標籤。這些標籤告知螢幕閱讀器每行文字的重要性。因此,螢幕閱讀器可以以正確的順序和正確的重點讀出內容。雖然僅設定保存內容的 <td> 樣式是最快的月電子郵件提示但需要額外花費幾分鐘時間來使用語義標記。它將改善您的訂閱者體驗並提高您的轉換率。

盧森堡電子郵件列表

2. 實時文字

即時文字是電子郵件中最重要的部分,可確保每個人都可以輕鬆使用您的訊息。螢幕閱讀器僅朗讀即時文本,因此圖像中的文字不會讀給您的訂閱者。使用螢幕閱讀器的訂閱者將收到本質上是空白的電子郵件。

此外,電子郵件用戶端阻止開啟圖像的訂閱者不會看到您的訊息,除非他們選擇下載您的圖像。由於電子郵件的關注時間平均為 5 到 7 秒,他們很可能會選擇刪除您的電子郵件而不是下載圖像。確保所有人都能收到您的訊息的唯一方法是使用實體文字。

3.色彩對比
為了讓有視力差異的人閱讀您的郵件,電子郵件文字和背景之間的高顏色對比是必要的。顏色對比度差的一個例子是白色背景上的淺灰色文字;對於每個人來說,這些顏色都會相互模糊,尤其是老年訂閱者,他們的藍色、綠色和淺色會逐漸變成灰色。淺色背景上的深色文字幾乎總是確保您的電子郵件清晰易讀。

4. 讓連結看起來像連結
帶下劃線的文字始終表示連結。這是每個曾經使用過網路的 品牌在品牌忠誠度上常犯的錯誤 人都知道的通用標準。如今僅依靠顏色和粗體來表示連結是很常見的。我認為這還不夠;連結需要看起來像那些有色盲和其他視力差異的人的連結。如果您的連結與周圍的文字僅透過不同的顏色進行區分,則任何看不到該顏色的人都不知道這是一個連結。

但是,如果您使用不同的顏色並在其下劃線,則任何訂閱者都會知道它是一個連結。粗體文字也表示重要性;因此,具有不同顏色和粗體的連結仍然不夠,因為色盲的人只會看到粗體文字。簡而言之,在連結下劃線是確保每個收到您電子郵件的人都能理解其功能的最佳方式。

5.樣式化的描述性替代文本

使用螢幕閱讀器的訂閱者只能透過與圖像關聯的替代文字體驗電子郵件中的圖像。因此,您的替代文字需要具體。 「打開你的圖像」是不夠的。通用替代文字告訴替代文字用戶,您在製作廣告系列時沒有考慮到他們  資料庫數據 月電子郵件提示 更糟的是,您不關心他們是否可以使用它。

每個圖像的替代文字需要不同,並且與其對應的圖像相關。替代文字需要針對阻止圖像開啟的電子郵件用戶端進行樣式設計;在這種情況下,替代文字將可見,因此您需要確保替代文字符合您的品牌指南。

我們希望您牢記這些無障礙提示並在您的活動中實施。作為電子郵件專業人員,我們有責任確保所有訂閱者都能使用我們的訊息。

給你們發電子郵件徽標
請訂閱我們的時事通訊,繼續關注安妮的更多提示!在未來的本月提示電子郵件中,我們將進一步深入探討懸停效果,因此如果您喜歡這封電子郵件,請留意教學。

 

返回頂端