如何通過 3 個簡單的步驟為每個人製作電子郵件：網絡研討會錄音 + 問答

電子郵件可訪問性已被評為 2019 年最熱門的電子郵件設計趨勢之一，現在是大多數品牌的優先考慮事項。 但確實，許多營銷人員不知道如何開始讓他們的電子郵件更具包容性。

實施可訪問性最佳實踐比您想像的要容易。 在本次網絡研討會中，Litmus 的可訪問性專家 Jason Rodriguez 和 Alice Li 詳細介紹了證明對可訪問性進行投資是值得的統計數據和研究，並分享了為每個人創建更好的電子郵件必須採取的 3 個步驟。

沒有機會觀看網絡研討會直播？ 別擔心。 您可以隨時訪問完整錄音並閱讀下面的問答。

問答

非常感謝在網絡研討會期間提出問題的所有人！ 以下是我們對最熱門問題的回答的回顧，以及我們對現場網絡研討會期間未解決的一些問題的看法。 還有其他問題嗎？ 請在評論中留下它們。

您如何解釋認知限制？

貝蒂娜：有很多不同類型的認知障礙，從難以記住事物或註意閱讀障礙或自閉症。 這些條件中的每一個都是獨一無二的，但遵循本網絡研討會的文案和設計部分中的提示將大大有助於讓有認知限制的人更容易訪問您的電子郵件。 例如，保持您的電子郵件副本清晰簡潔，避免使用難懂的詞或行話。 保持您的佈局簡單並製定清晰的視覺層次結構，使您的訂閱者可以輕鬆掃描您的電子郵件，并快速了解什麼是重要的（什麼不是）。

最常用的屏幕閱讀器是什麼？ 你如何測試它？

Alice：兩個最流行的屏幕閱讀器是NVDA和JAWS 。 NVDA 是由NV Access開發的免費開源工具——他們是一個了不起的組織，致力於讓視障人士更容易使用技術。 JAWS 是一種流行的基於訂閱的屏幕閱讀工具。

如果您不想安裝軟件來了解您的電子郵件在屏幕閱讀器上的聲音，您可以使用 Litmus！ 我們最近將 NVDA 集成到 Litmus 中，因此您現在可以直接在 Litmus Checklist 中收聽電子郵件的音頻預覽。 了解更多。

此外，所有現代操作系統也提供某種類型的原生屏幕閱讀支持。 例如，在 Mac 上，它是VoiceOver 。

有哪些品牌在優化電子郵件的可訪問性方面做得很好？ 我想要一些靈感！

傑森：我的最愛之一是deque 。 他們做了很多無障礙培訓，有一個很棒的博客 - 和很棒的電子郵件！ 他們的電子郵件不僅遵循可訪問性最佳實踐，而且還包含可幫助您了解該主題的精彩內容。 你應該註冊他們的時事通訊！

冒著自負的風險，Alice 和電子郵件團隊在 Litmus 時事通訊上所做的工作給我留下了深刻的印象。 它不僅設計精美，而且根據“電子郵件無障礙終極指南”中討論的最佳實踐，他們做了大量工作使其易於訪問。

對“Alexa”或“Siri”等工具與其他屏幕閱讀器有何不同的見解？ 或者 Outlook 的“大聲朗讀”功能？

傑森：在交付播客的最近一集中，我深入研究了語音助手。 我發現 Alexa 是唯一能夠真正讀取您的電子郵件的工具——但它只會讀取 HTML 文本，而忽略任何 alt 屬性、表格或任何其他 HTML 元素。 它與屏幕閱讀器處理電子郵件的方式不同。 語音助手的目標是方便，不一定是可訪問性，因此它們的工作方式與 NVDA 等成熟的屏幕閱讀器的工作方式不同。 在很多情況下，您仍然需要您的手機或筆記本電腦來導航內容，語音助手只是為您提供支持。 如需全面了解 Alexa、Google Home、Siri 和 Cortana 如何處理電子郵件，請收聽此播客節目。  

動畫 GIF 怎麼樣？ 使用與否？ 它們會給讀者帶來麻煩嗎？

愛麗絲：你可以使用它們，但要注意如何使用。 動畫可以觸發光敏性癲癇發作，因此您永遠不想包含過於刺耳或閃爍的 GIF。 您也不希望在 GIF 中包含重要信息，例如副本。 屏幕閱讀器無法訪問隱藏在 GIF 中的副本——它不會顯示在禁用圖像的電子郵件客戶端中——因此你可能會丟失消息的關鍵部分。

在哪裡可以找到可訪問電子郵件模板的示例？

Jason ：有很多免費模板，但沒有多少是針對可訪問性進行優化的！ 這就是為什麼我們最近創建了四個遵循可訪問性最佳實踐的全新模板 - 您可以在Litmus 社區免費獲得它們。 如果您想構建……請查看我們的模板

• 無障礙通訊
• 可訪問的個人筆記
• 可訪問的交易電子郵件
• 無障礙產品公告

表情符號的使用如何影響可訪問性？

Jason：雖然大多數屏幕閱讀器都能理解表情符號並能讀出它們，但對於用戶來說，這可能不是最佳體驗。 讓我們聽聽 NVDA 用表情符號讀出這個示例主題行：

年度最大銷售

您可以聽到表情符號在文本旁邊聽起來有多脫節。 雖然表情符號現在很常見，輔助技術用戶可能習慣於聽到它們，但根據表情符號，它仍然聽起來很尷尬。 與電子郵件中的任何其他元素或副本一樣，查看其是否有效的最佳方法是使用 NVDA 或 Litmus Accessibility Checker 等工具對其進行測試並收聽您的電子郵件。

我是否也需要將“role=presentation”應用到 DIV 中？

愛麗絲：不！ role="presentation"只是為了告訴屏幕閱讀器忽略標籤的語義，所以表格需要它們，因為像圖表這樣的表格數據需要所有的列和行信息，以便人們正確導航和理解它們。 在電子郵件中，開發人員通常依賴表格而不是表格數據進行展示，這就是表格需要這樣做的原因。 另一方面，DIV 沒有需要為屏幕閱讀器覆蓋的語義。

對於堅持使用基於圖像的電子郵件的客戶，我們應該遵循哪些最佳實踐？

貝蒂娜：這是一個艱難的！ 發送全圖像電子郵件是一個可怕的想法的原因有很多。 因此，作為第一步，盡一切可能讓您的客戶相信這種方法會帶來糟糕的訂閱者體驗。 我們關於為什麼不應該發送僅圖像電子郵件的博客文章提供了許多見解和提示，可幫助您提出案例。

如果沒有辦法讓您的客戶走上正軌，那麼您所能做的就是使用 ALT 文本優化您的圖像關閉視圖（您甚至可以設置該 ALT 文本的樣式）並使用防彈按鈕，以便至少您的 CTA禁用圖像時仍然有效。

使用網絡字體會影響可訪問性嗎？

愛麗絲：從代碼的角度來看，它不應該。 從設計的角度來看，這意味著您應該始終確保 Web 字體及其 Web 安全回退都符合對比度標準以使其可讀。 例如，如果您的網絡字體比後備字體粗，只需確保後備字體也通過對比度分數，因為後備字體是用戶（例如 Gmail）可能看到的內容。

我們沒有在代碼模板中進行的一項更改是使用語義元素作為標題或段落。 我們目前對文本的表格單元格進行樣式化。 這會給可訪問性帶來什麼問題？

愛麗絲：我假設包裝文本的表格已經將其角色設置為“演示”或“無”，以抑制任何不必要的屏幕閱讀器噪音。 因此，除此之外，不使用正確的標題/段落標籤會給輔助設備帶來導航問題，因為某些技術允許用戶從一個標題跳到另一個標題（及其相關段落），就像它是一個目錄一樣。

屏幕閱讀器可以讀取特殊字符，例如捲曲撇號、引號、與號等嗎？

愛麗絲：這要看情況。 & 符號通常讀作“和”。 引號和捲曲撇號被忽略，就像有人在大聲朗讀某些東西時可能不會發音一樣。 其他特殊字符將逐案考慮，例如項目符號點被讀出為“項目符號”。 我通常建議始終進行測試以確保。

關於格式化文本僅用於可訪問性的任何建議？ 我在部分之間使用了幾個“=”或“-”分隔符。 那些是怎麼處理的？

愛麗絲：破折號和下劃線不會被讀出，所以沒問題。 但是，屏幕閱讀器會讀出“等號”，因此我建議避免使用它。