在本系列關於數字可訪問性的第一篇文章中，我們談到了營銷人員可訪問性的“原因和原因”。 現在是“如何”的時候了。
請注意，我們有意將我們的建議限制在那些非常容易實施且與營銷人員相關的元素上。 本系列絕不是企業在可訪問內容方面需要了解的所有標準的完整列表。 如果您想了解可訪問性指南和 WCAG 標準的細節，請查看 TGPi 電子學習計劃。 這是一個自定進度的選項，您可以使用它來保持您的技能新鮮或快速了解可訪問性技術和最佳實踐。
讓我們繼續推薦！
可訪問性和用戶體驗
流暢、輕鬆的用戶體驗是每個營銷人員的北極星。 個人完成關鍵任務的難易程度以及內容滿足預期的程度對其有重大影響，並將影響您的營銷工作。
有道理，對吧？ 如果你想在網上買東西，但在輸入信用卡信息時遇到問題，或者你想要的商品缺貨，你的用戶體驗質量就會直線下降。 首先，因為你無法完成你打算做的事情，其次，因為你希望能夠完成它，但那是不可能的。 這種雙重打擊幾乎肯定會確保您不會返回該特定網站！
作為營銷人員，您非常了解卓越用戶體驗的重要性。 您甚至可能正在對其進行測試(對您有好處！)或進行分析來衡量它。 這些措施對於優化您的營銷渠道至關重要。 但是，您可能 不 正在做的是測試用戶體驗的可訪問性。 (如果你不是，沒有判斷！這就是這一系列帖子打算改變的。)
用戶旅程
用戶旅程(也稱為用戶流或用戶路徑)是用戶在您的網站上執行的一系列操作。 關鍵 用戶旅程與您網站的主要目標一致，例如完成購買、提交表單、觀看視頻、閱讀帖子等
出於多種原因，您應該始終優先考慮對基本用戶旅程進行可訪問性補救。
首先，儘管您的網站可能擁有令人驚嘆的內容，但如果用戶無法完成訪問您網站的主要目標，那麼您將永遠失去一位客戶。
其次，不幸的是，許多殘疾人在做別人認為理所當然的事情時會遇到挑戰。 他們通常期待他們，因為世界上很多地方都不是在考慮他們的特殊殘疾時創造的。
平均而言，對無關內容的次要可訪問性問題不太可能使他們沮喪到提起法律訴訟的程度。 但是，如果他們無法完成他們在您的網站上完成的一件事，那麼您將面臨巨大的法律風險，尤其是如果您是美國品牌。
測試您的關鍵用戶路徑
那麼，您如何測試關鍵用戶流的可訪問性？ 如果您選擇手動路線，您可以對殘障人士進行用戶測試，或使用 TPGi 的 ARC 工具包(稍後會詳細介紹)之類的工具檢查每個步驟的代碼，以識別 WCAG 故障。
雖然手動測試最終更加全面，但如果您希望立即識別關鍵用戶路徑中的可訪問性錯誤，您可以使用 ARC Monitoring 的用戶流功能自動掃描每個組件的可訪問性。 您可以包括用戶旅程的所有組件和動態交互，從圖像到對話框，以進行掃描，並且您將能夠隨著時間的推移跟踪錯誤，以幫助改進您的內部補救流程。
您可以將您從 ARC 的用戶流監控中獲得的信息與您的其他分析工具(例如 Google Analytics(分析)漏斗和目標)配對，以識別阻礙用戶完成所需操作的障礙。
可訪問的網站
網站是您企業的數字商店或辦公室。 這可能是潛在客戶對貴公司的第一次(或唯一一次)印象，因此您需要使其盡可能吸引人。 也許你有幾個視頻，或者很多圖片來打破單調，或者有價值的博客內容頁面。 這些都是營銷人員可以用來說服人們購買他們的產品的絕佳資產。
確保所有這些內容都可訪問似乎令人生畏，但許多可訪問內容的最佳實踐與最佳營銷實踐沒有區別。 繼續閱讀以了解更多信息：
描述性鏈接文本
每個優秀的營銷人員都知道，清晰對於良好的溝通至關重要。 如果你用絨毛和聽起來很重要(但最終毫無意義)的詞來修飾你的文案，你的信息就會丟失。 同樣的道理，如果你的解釋過於冗長，客戶可能沒有足夠的信息來理解你在告訴他們的內容。
高質量的內容是這兩個極端之間的平衡，毫不奇怪，鏈接或錨文本遵循這些相同的規則。 最好的鏈接文本讓用戶了解點擊後會發生什麼。 描述性鏈接文本對於您的號召性用語副本尤其重要。 有什麼能讓用戶更好地了解他們在單擊“單擊此處”或“下載我們的白皮書”時會遇到什麼？ 顯然是後者！ (如果您選擇前者，您可能需要考慮新的職業道路。)
沒有必要用時髦的詞(“下載世界上最偉大的關於 Harry Houdini 的魔力的白皮書！”)來奉承您的 CTA，但是讓人們了解他們正在進入的領域是至關重要的。
為什麼鏈接文本對於可訪問性如此重要？ 首先，它極大地幫助盲人或視力低下的人瀏覽頁面內容。 (這也適用於視力完美的人。)視力障礙用戶使用一系列輔助技術來訪問數字內容，例如為弱視人士提供的屏幕放大工具和為盲人提供的屏幕閱讀器。 正如他們的名字所暗示的那樣，屏幕閱讀器從字面上閱讀屏幕上的內容。
然而，像 JAWS 這樣的屏幕閱讀器允許用戶在屏幕上跳來跳去，讀取各種組件，而不是從上到下瀏覽所有 HTML。 當用戶從一個組件切換到另一個組件時，屏幕閱讀器只會讀取鏈接的錨文本，而不是周圍的副本。 這意味著如果您的所有鏈接都是相同的“單擊此處”副本，那麼屏幕閱讀器用戶將不知道如果他們點擊該鏈接會發生什麼； 他們被迫探索周圍的內容以了解該鏈接所涉及的內容。
此外，屏幕閱讀器允許用戶打開“鏈接列表”，這使他們可以快速訪問網頁上的所有鏈接。 這是一種常見的情況，鏈接文本將被從其周圍的上下文中讀取出來，並且“單擊此處”之類的內容成為一個真正的問題。
Alt text for圖片
替代文本或“替代文本”描述您網站的圖像，以便屏幕閱讀器用戶可以更全面地了解每個網頁的內容。 如果您選擇用作視覺解釋的圖像，如果您放棄替代文字，看不到它們的人將不知所措。
但是，如果您出於純粹的審美原因而包含圖像(也許您真的很喜歡弓著背在電腦前的人的照片)並且您有多個圖像，您可能不想為所有圖像添加替代文本。 屏幕閱讀器會閱讀每張圖片的所有替代文字，如果文字沒有積極地為體驗增加價值，這可能會很煩人。 如果圖像可以被認為是裝飾性的並且沒有增加對頁面內容的額外含義/理解，那麼應該通過提供空的 alt 屬性將其隱藏到輔助技術中。
結構良好的網站
適當地使用您的標題標籤，以便視障和非視障讀者都可以瀏覽頁面並對內容有基本的了解並輕鬆導航。 遵循標題的最佳實踐，例如以描述頁面內容的 H1 開始每個頁面，然後使用 H2 和 H3 作為子標題。 有意使用標題標籤； 不要隨意錯開它們而不考慮結構。
儘管您可以通過 CSS 樣式通過視覺方式區分標題，但屏幕閱讀器用戶並沒有看到這些區別的奢侈。 使用格式正確的頁面佈局以確保有視力障礙的用戶可以輕鬆地使用您的內容，這一點尤為重要。
盡量減少密集段落，盡可能使用較短的句子，避免使用行話或俚語。 更清晰、更簡潔的文案將幫助有認知障礙的用戶更好地理解您的內容，也有助於最大限度地減少所有讀者的困惑。
也許您聽說現在人們的注意力跨度比金魚的要短？ 如有疑問，請分解； 讓它盡可能簡單。
顏色對比度
讓我們希望您組織的風格指南不是由聖誕老人設計的，因為使用紅色和綠色作為互補色不會給您的用戶帶來任何好處。 顏色對比是無障礙設計的基本要素。 視力低下的人可能會發現很難區分過於相似的顏色，而對於色盲用戶來說，許多顏色是無法區分的。
您可以嘗試 TGPi 的免費色彩對比度分析器工具，它將消除確定足夠色彩比率的猜測。 使用顏色選擇器選擇您的前景色和背景色，CCA 會告訴您對比度是否合適。
可訪問的表格
幾乎每個站點都使用表單來使用戶能夠完成任務。 無論您的業務是電子商務、基於服務的業務，還是僅僅是在線展示，它都很可能包含一個表格。 但是，表格對殘障人士來說可能很棘手。 有幾個技術考慮因素(閱讀：開發人員實施的考慮因素)以及非技術因素，沒有編碼知識的營銷人員可以輕鬆遵循。 以下是非技術性的最佳實踐：
- 保持表格簡短 – 聯繫客戶信息，然後建立關係以吸引他們並汲取更多額外知識
- 提供清晰的說明和可見的標籤 – 沒有人喜歡混亂的形式
- 用戶通知(成功/失敗)
– 讓用戶知道表單提交是否成功
驗證輸入(撤消更改/確認)
– 通知用戶任何問題以及如何解決它們
採用多頁或漸進式 – 如果您必須有更複雜的表格，請瞄準不會覆蓋的多頁或漸進式表格掌舵用戶取消時間限製或提供選項
– 時間限制可能有助於強迫購物者購買，但他們給有嚴重焦慮問題的人增加了過度的壓力
麵包屑
麵包屑是您網站上的一種導航形式，可讓您查看當前正在瀏覽的頁面如何適應更大的圖片。 它們通常是指向更高級別頁面的鏈接。
銷售服裝的電子商務網站上的麵包屑路徑示例可能是
女裝 > 夾克 > 羊毛 > 豌豆大衣。
麵包屑對於尋路很有用，使用戶無需從頭開始他們的旅程即可輕鬆導航回更高級別的頁面。
由於幾個原因，它們對殘疾人尤其重要。 一方面，有認知障礙的用戶將始終受益於最大限度地減少歧義的用戶友好體驗。 如果您的網站龐大且複雜，則麵包屑導航尤其重要。 麵包屑還可以立即定位屏幕閱讀器用戶，使網站導航不那麼費力。
雖然麵包屑顯然對殘障用戶有幫助，但與許多可訪問性最佳實踐一樣，它們改善了 al 的體驗 l 用戶。
聊天機器人和第三方集成
許多網站為其網站利用第三方集成，例如聊天機器人、彈出模式、動態登錄頁面等。不幸的是，第三方軟件通常在很大程度上無法訪問，而公司無法修復它使情況更加複雜。
如果您的組織選擇將第三方應用程序集成到您的網站，請務必在添加之前讓專家對其進行評估。 雖然您可能無法協調許多可訪問性故障，但您至少會了解您所承擔的風險級別。 您還可以要求供應商提供可訪問性聲明或保證以構建到合同中(儘管在實施之前您仍應測試產品以驗證其準確性)。
作為旁注，請始終向您的供應商詢問其產品的可訪問性。 要求無障礙產品的客戶越多，供應商就越有機會傾聽並開始將無障礙功能整合到他們的產品構建中。
有關的