營銷人員的工作不僅僅是維護一個用戶友好的網站。 營銷專業人士還使用各種策略和渠道來獲取網站流量。 不管你是否擁有這個星球上最令人驚嘆的網站——如果沒有人訪問它，你也可以擁有大約 1997 年的 Angelfire 網站之一(還記得它們嗎？)。
本系列三篇文章旨在向您介紹一些可以立即開始實施的基本實踐，以幫助您的數字內容更易於訪問。
我們之前關於用戶體驗和網站的數字可訪問性的帖子深入探討了網站營銷功能和技術； 這篇文章將介紹外部渠道和媒介以及如何測試它們，從電子郵件開始。 您還可以查看這個由三部分組成的系列的第一部分，以了解可訪問性問題的概述。
可訪問的電子郵件
電子郵件營銷是營銷人員工具包中最重要的工具之一。 公司將電子郵件用於交易(思考、訂單確認)和促銷目的以及客戶支持。 今天你很難找到一家精通數字技術但不利用其眾多優勢的公司。
然而，儘管幾乎所有組織都使用電子郵件與客戶、客戶和潛在客戶進行交流，但並非所有組織都確保他們發送的電子郵件是可訪問的。
HTML 與純文本電子郵件
如果您的公司發送純文本電子郵件，它們很可能是可訪問的。 如果您的鏈接文本不是描述性的(有關此內容的更多信息，請參閱上一篇文章)，對於殘障人士來說，了解信息的要點可能會稍微困難一些，這不是一個不可能的障礙。
問題是，大多數營銷人員 喜歡 HTML 電子郵件。 什麼是不愛的？ 您可以設計它們以匹配您的品牌，用精美的圖像和引人注目的 GIF 填充它們，並創建比普通純文本電子郵件更有吸引力的電子郵件。 此外，現在第三方 cookie 已成為過去，電子郵件正在迅速復蘇，成為一種大的數字營銷趨勢。
這不是這裡的問題。 問題是當你開始修飾你的電子郵件並且你沒有考慮到可訪問性時，一些用戶可能無法獲得全面的理解(或者最壞的情況，無法理解任何一個)。
HTML 電子郵件與網頁類似，因為它們使用標題和圖像標籤以及樣式在電子郵件平台中呈現。 純文本電子郵件就是這樣：純文本。 為了使 HTML 電子郵件可以訪問，您需要遵循與網站相同的準則。
基於表格的佈局問題
大多數 HTML 電子郵件都是使用表格標籤構建的，因為它們為在多個電子郵件客戶端中查看的電子郵件提供了最一致的外觀。 但是 table 標籤實際上並不打算以這種方式使用； 像許多其他網頁設計技術一樣，網頁設計師為了自己的目的劫持了它們。 然而，這給屏幕閱讀器用戶帶來了問題，因為屏幕閱讀器仍會將表格內的內容作為單獨的單元格讀取，從而導致用戶體驗脫節。
但是，您可以通過在 HTML 中添加一小段代碼來規避這種情況。 只需添加 role=“presentation” 以提醒這些用戶這些是表示表，而不是數據表。
演示角色對屏幕閱讀器隱藏表格結構，同時不影響表格內的內容。 對於屏幕閱讀器用戶來說，它看起來好像沒有表格開始。
不要吝嗇你的標籤
僅僅因為您正在創建電子郵件並不意味著有序代碼的規則就會消失。 確保您的標題使用正確(例如，使用 H1 作為標題，使用 H2/H3 作為子標題等)，以便每個人，無論他們的視覺能力如何，都能夠通過邏輯閱讀來了解您的內容的要點命令。 在這裡也可以利用標題標籤來提供額外的上下文。
這裡的替代文本也很重要！
如果您的電子郵件客戶端要求用戶單擊以下載圖像，您可能會遇到以下情況：您打開一封電子郵件，其中有很多空白方塊，只有一些文字來解釋發生了什麼。 當您單擊“下載圖像”並出現視覺效果時，拼圖塊就位，但直到那一刻，您完全糊塗了。
不幸的是，如果營銷人員忽略了視覺效果的替代文本，這將是屏幕閱讀器用戶每天(或每小時)的體驗。 因此，請幫他們一個忙，並將其包含在電子郵件圖像中。 對於裝飾性圖像，請使用空 alt 屬性。
移動訪問最佳實踐
隨著人們越來越多地在他們的移動設備上閱讀他們的電子郵件，在設計時考慮到這一點變得越來越重要。 方便的是，更好的移動體驗的指導方針與可訪問性相吻合。 例如：
旨在將您的文字保持在上方14px 字體 – 如果人們無法在移動設備上閱讀您的消息，他們將根本不會閱讀它
保持您的顏色對比可接受的準則，這使具有所有視覺能力的人更容易消費您的內容