營銷人員的數字可訪問性第 3 部分:電子郵件、社交內容和 SEO

已發表: 2022-08-04

營銷人員的工作不僅僅是維護一個用戶友好的網站。 營銷專業人士還使用各種策略和渠道來獲取網站流量。 如果你擁有這個星球上最令人驚嘆的網站並不重要——如果沒有人訪問它,你也可以擁有大約 1997 年的 Angelfire 網站之一(還記得它們嗎?)。

本系列三篇文章旨在向您介紹一些可以立即開始實施的基本實踐,以幫助您的數字內容更易於訪問。

我們之前關於用戶體驗和網站的數字可訪問性的帖子深入探討了網站營銷功能和技術; 這篇文章將介紹外部渠道和媒介以及如何測試它們,從電子郵件開始。 您還可以查看這個由三部分組成的系列的第一部分,以了解可訪問性問題的概述。

可訪問的電子郵件

電子郵件營銷是營銷人員工具包中最重要的工具之一。 公司將電子郵件用於交易(思考、訂單確認)和促銷目的以及客戶支持。 今天,您很難找到一家精通數字技術但不利用其眾多優勢的公司。

然而,儘管幾乎所有組織都使用電子郵件與客戶、客戶和潛在客戶進行交流,但並非所有組織都確保他們發送的電子郵件是可訪問的。

HTML 與純文本電子郵件

如果您的公司發送純文本電子郵件,它們很可能是可訪問的。 如果您的鏈接文本不是描述性的(有關此內容的更多信息,請參閱上一篇文章),對於殘障人士來說,了解信息的要點可能會稍微困難一些,這不是一個不可能的障礙。

問題是,大多數營銷人員都喜歡HTML 電子郵件。 什麼是不愛的? 您可以設計它們以匹配您的品牌,用精美的圖像和引人注目的 GIF 填充它們,並創建比普通純文本電子郵件更有吸引力的電子郵件。 此外,現在第三方 cookie 已成為過去,電子郵件正迅速復蘇,成為數字營銷的一大趨勢。

這不是這裡的問題。 問題是當你開始修飾你的電子郵件並且你沒有考慮到可訪問性時,一些用戶可能無法獲得全面的理解(或者最壞的情況,無法理解其中任何一個)。

HTML 電子郵件與網頁類似,因為它們使用標題和圖像標籤以及樣式在電子郵件平台中呈現。 純文本電子郵件就是這樣:純文本。 為了使 HTML 電子郵件可訪問,您需要遵循與網站相同的準則。

基於表格的佈局的問題

大多數 HTML 電子郵件都是使用表格標籤構建的,因為它們為在多個電子郵件客戶端中查看的電子郵件提供了最一致的外觀。 但是 table 標籤實際上並不打算以這種方式使用; 像許多其他網頁設計技術一樣,網頁設計師為了自己的目的劫持了它們。 然而,這給屏幕閱讀器用戶帶來了問題,因為屏幕閱讀器仍會將表格內的內容作為單獨的單元格讀取,從而導致用戶體驗脫節。

但是,您可以通過在 HTML 中添加一小段代碼來規避這種情況。 只需添加role="presentation"即可提醒這些用戶這些是表示表,而不是數據表。

營銷人員的數字可訪問性第 3 部分:電子郵件、社交內容和 SEO

演示角色對屏幕閱讀器隱藏表格結構,同時不影響表格內的內容。 對於屏幕閱讀器用戶,它看起來好像沒有表格開始。

不要吝嗇你的標籤

僅僅因為您正在創建電子郵件並不意味著有序代碼的規則就會消失。 確保您的標題使用正確(例如,使用 H1 作為標題,使用 H2/H3 作為子標題等),以便每個人,無論他們的視覺能力如何,都能夠通過邏輯閱讀來了解您的內容的要點命令。 在這裡也可以利用標題標籤來提供額外的上下文。

替代文字在這裡也很重要!

如果您的電子郵件客戶端要求用戶單擊以下載圖像,您可能會遇到以下情況:您打開一封電子郵件,其中有很多空白方塊,只有一些文字來解釋發生了什麼。 一旦您單擊“下載圖像”並出現視覺效果,拼圖就會落入到位,但直到那一刻,您完全糊塗了。

不幸的是,如果營銷人員忽略了視覺效果的替代文本,這將是屏幕閱讀器用戶每天(或每小時)的體驗。 因此,請幫他們一個忙,並將其包含在電子郵件圖像中。 對於裝飾圖像,使用空的 alt 屬性。

移動無障礙最佳實踐

隨著人們越來越多地在他們的移動設備上閱讀他們的電子郵件,在設計時考慮到這一點變得越來越重要。 方便的是,更好的移動體驗的指導方針與可訪問性相吻合。 例如:

  • 旨在將您的文字保持在 14 像素以上的字體 - 如果人們無法在移動設備上閱讀您的消息,他們根本不會閱讀它
  • 使您的顏色與公認的準則保持對比,這使具有所有視覺能力的人更容易消費您的內容
  • 避免居中對齊的段落(更難閱讀,尤其是在小型設備上)
  • 使鏈接文本信息豐富且簡短

包容性的多媒體體驗

視頻和播客等多媒體是營銷人員幫助提高品牌知名度、激發產品興趣並與目標受眾建立聯繫的重要資產。 好消息是 a) 使此類內容易於訪問非常容易,並且 b) 當您使其易於訪問時,它可以改善每個人的體驗。

無障礙視頻

視力受損的人將無法完全看到屏幕上正在發生的事情,而有聽力障礙的人將無法聽到對話。 您可以添加字幕以適應聾人或聽力不佳的觀眾。 YouTube 會自動生成字幕,但它們的質量不是最好的——如果視頻很長,最好花錢購買字幕服務,如果視頻很短,最好手動更正自動生成的字幕。 字幕的一個很好的好處是它可以幫助那些能看得很清楚的人。 您是否曾經在候機室或機場,希望能聽到靜音電視上的人們在說什麼? 或者,也許一位朋友在您渴望觀看的社交媒體上發布了一段視頻,但您在公共場所沒有耳機。 字幕解決了這兩個問題,並使視障人士可以訪問內容。

視障人士將能夠聽到對話,但如果在沒有人說話的情況下沒有旁白,則可能會錯過視頻的關鍵區域。 這就是音頻描述派上用場的地方。 音頻描述是對屏幕上正在發生的事情的敘述。 查看下面的視頻以獲取示例:

視頻不播放? 在 YouTube 上觀看。

當 Netflix 推出音頻描述時,它們非常受歡迎,他們決定測試一種純音頻模式,該模式允許用戶在旅途中狂歡時節省數據使用量。

音頻內容的成績單

成績單對各種殘疾的人都非常有幫助。 屏幕閱讀器用戶和有聽力障礙的人可以快速瀏覽它們,而無需瀏覽整個視頻(沒有殘疾的人也可以利用這一功能!)。

一些資產完全基於音頻。 例如,播客對於聽不見的人來說是完全沒用的。 成績單使其易於訪問。 DMI 為每個播客提供成績單,例如有關讓現場劇院工作在線的這一集。

將腳本添加到您的網站的最簡單方法是作為可下載的文本文件,並且如果您還在頁面上顯示有助於您的 SEO 工作的文本

PDF(便攜式文檔格式)

包容性並不是確保 PDF 可訪問的唯一原因; 它也有利於 SEO。 如果屏幕閱讀器可以閱讀它,網絡爬蟲就可以抓取它,將有關您網站內容的有價值的信號發送回 Google。

有些軟件比其他軟件更適合將文檔轉換為可訪問的 PDF。 微軟一直特別關注可訪問性,而其他公司則不重視它,這體現在創建可訪問的 PDF 所需的努力水平上。

微軟程序

Microsoft Word 在其Acrobat菜單標題下有一個創建 PDF選項; 這將自動將您的文件轉換為可訪問的 PDF。 您可以使用相同的選項將 PowerPoint 演示文稿轉換為 PDF。 (請注意,在將文件轉換為 PDF 之前,您應該始終在圖像中添加替代文本。)在將文件轉換為 PDF 之前,請使用本機輔助功能檢查器(位於Review菜單項下)。

使用 Adob​​e Acrobat 創建可訪問的 PDF

將其他文件格式轉換為可訪問的 PDF 需要更多的努力。 例如,設計文件(如在 Adob​​e 軟件上創建的文件)需要在您將文件轉換為 PDF 之前和之後進行一些操作。

Adobe Acrobat Pro 具有本機可訪問性檢查器功能,可幫助發現一些錯誤,但使用 Acrobat 可訪問性功能完成該過程所需的工作可能具有挑戰性,最好留給專業人士。

測試 PDF 的可訪問性

使用屏幕閱讀器或 JAWS Inspect 等工具測試 PDF 可訪問性是明智的。 無論原生可訪問性檢查器會告訴您什麼有關 PDF 的信息,將您的文件公開給真實用戶或代理是確認其可訪問性的最佳方式。

SO(搜索引擎優化)和可訪問性

對 SEO 有好處的對可訪問性也有好處。 屏幕閱讀器類似於網絡爬蟲:兩者都只能閱讀可供它們使用的網站上的內容。 這意味著無法訪問的 PDF、沒有替代文本的圖像、沒有文字記錄的多媒體等,實際上都是不可見的。 他們只能讀取文件名。 您的網站可能僅僅因為其無法訪問的元素而錯過了一些驚人的排名機會。

還有其他與可訪問性指南相融合的 SEO 最佳實踐,例如使用正確和連續的標題結構和描述性鏈接文本。 有關此主題的更多信息,請查看我們的博客文章,了解 SEO 如何幫助提高可訪問性,反之亦然。

測試您的營銷材料的可訪問性

可訪問性測試與您首先使資產可訪問的努力一樣重要。 雖然以可訪問性為目標是令人欽佩的,但在您驗證您的內容實際上是可訪問的之前,您只打了一半。

此外,如果您成為訴訟的目標並幫助您確定趨勢以從源頭上阻止可訪問性問題,那麼測試和記錄您的結果將對您的公司有利。

您可以查看 TGPi 網站以了解其測試工具的完整詳細信息。