如何在 2023 年創建可訪問的 B2B 網站

現在是 2023 年，時至今日，殘障用戶仍難以訪問博客、網站和各種其他材料。 存在一種明顯的無意排斥模式，即營銷材料不適合能力不同的人。

只有 3% 的網站可供殘障用戶訪問。 可訪問的B2B網站的數量甚至更少。

而且，由於這些網站具有獨特的交互工具，如內容門控表單和長篇博客，實現 Web 可訪問性的需求迫在眉睫。

在此博客中，我們將通過解釋什麼是網站可訪問性、如何實現它以及它如何幫助 B2B 企業將其影響力擴展到服務嚴重不足的市場部分來幫助您彌合差距。

什麼是網絡可訪問性，為什麼它很重要？

Web 可訪問性標準和最佳實踐確保殘障人士可以參與基於 Web 的體驗。

這包括瀏覽網站、下載電子書、觀看網絡研討會等等。

沒有一種通用的可訪問性方法。 殘疾有多種類型，每一種都會對不同的人產生廣泛的影響。

但是，網站所有者可以以標準化方式解​​決這些影響。

Web 內容可訪問性指南（簡稱 WCAG）建立了解決殘疾 Web 用戶需求的最佳實踐。

遵循這些準則並不能保證每個殘障人士都能使用您的網站。 但是，它們提供了一個共同的起點，允許網站所有者使他們的網絡體驗更具包容性。

WCAG 也是遵守美國殘疾人法案（簡稱 ADA）的核心。
在大多數情況下，符合 WCAG 標準的網站也符合 ADA 標準。

遵循 WCAG 協議是確保 ADA 合規性的最佳方式。

並非每個網站在設計時都考慮到了合規性。 事實上，很少有人這樣做。

這就是 B2B 網站所有者使用 WCAG 合規性檢查器來了解他們如何改進 Web 可訪問性的原因。 這將幫助您找出阻礙您實現 WCAG 合規性的因素。 您將獲得一份詳細的報告，突出顯示您的網站需要調整的區域，以實現最佳的網絡可訪問性狀態。

殘疾人群體的購買力

雖然從道德角度來看，可及性很重要，但它也是一個有價值的品牌差異化因素。

全球約有 15% 的人口患有某種形式的殘疾。 殘疾不受國家或文化障礙的限制。 它們影響著地球上每個地方的每個人口。

這意味著您的客戶群部分由殘障人士組成。 凱斯勒基金會報告說，殘疾人在美國勞動力中所佔比例越來越大。 與去年同期相比，趨勢繼續加速，並保持一致的百分點增長。

忽視這些人不僅是不公正的，也是不明智的。

如果您的 B2B 營銷策略依賴於為您的博客帶來有機流量，那麼排除大約 15% 的潛在客戶是沒有意義的。

然而，這正是許多企業所做的。

對於殘障人士，Web 可訪問性對於用戶體驗絕對至關重要。

其中許多人發現不合規的網站無法使用。 與其他人一樣，他們會遇到內容，但完全無法與之互動。

該內容在 B2B 買家的旅程中起著至關重要的作用。

這是正確的做法，也是有利可圖的商業策略。

如何創建可訪問的網站

官方 WCAG 2.1 文檔包含 100 多頁的高技術網頁設計和交互標準。 這是一份包含許多規則、條款和規定的令人生畏的文件。

但是，您無需成為無障礙方面的專家即可構建無障礙網站。
許多 WCAG 2.1 協議圍繞一組易於理解的核心原則展開。

在您的網站中實施這些，您將順利實現可訪問性合規性：

允許鍵盤導航

鼠標是一種很棒的工具，但它不是很容易使用。 觸摸板和触摸屏顯示器也是如此。 有視覺或運動技能障礙的人不能使用這些設備。

相反，許多殘障人士使用專用鍵盤。
像這樣的設備幾乎可以將任何類型的物理輸入——比如史蒂芬霍金的臉頰抽動——轉化為鍵盤命令。

同樣，像 JAWS 這樣的屏幕閱讀軟件完全依靠鍵盤命令工作。 如果您的網站有無法通過鍵盤訪問的按鈕或功能，屏幕閱讀器用戶將無法使用它。

允許人們僅使用鍵盤命令來瀏覽您的網站和使用內容是提高網站範圍可訪問性的最佳方法之一。

這對於使用交互式內容（例如視頻形式）來捕獲和轉換潛在客戶的 B2B 網站尤為重要。

利用標題層次結構

標題對於屏幕閱讀器用戶尤其重要。
這些解決方案根據網頁的標題結構將文本內容組合在一起。 這允許有視覺障礙的用戶瀏覽內容而不必閱讀頁面上的每個單詞。

如果您的網頁未能使用正確的 HTML 標題，他們將無法執行此操作。

通常，當內容編寫者將普通文本塊與其他普通文本分開時，就會發生這種情況。 分隔文本可能會放大或加粗，但它不是標題。 屏幕閱讀器將以與頁面上其他內容相同的方式閱讀該文本。

標題是網頁結構的一部分。 它們被標記為特定的重要性等級，通常從 H1 到 H4。 所有富文本編輯器都允許內容編寫者使用這些標題來分隔文本塊。 確保您的網站也這樣做。

添加描述性替代文本

圖像文件給屏幕閱讀器用戶帶來了問題。 當屏幕閱讀器遇到圖像文件時，它會向用戶讀取圖像的 alt-text 標籤。 如果沒有替代文本，軟件將簡單地大聲說出“圖像”，然後繼續。

向圖像添加替代文本可以讓屏幕閱讀器用戶理解他們可能會錯過的上下文線索。 如果有問題的圖像上有重要信息，那麼 alt-text 標籤是屏幕閱讀器唯一可以獲得該信息的地方。

這對於支持書面內容的圖像尤為重要。 圖表、信息圖表和其他解釋性圖像在 B2B 內容營銷中起著至關重要的作用。 替代文本標籤確保有視覺障礙的人可以正確理解這些圖像。

替代文本標籤的描述性越強越好。
嘗試封裝圖像的價值並說明為什麼首先選擇它。

完美的色彩對比藝術

不良的色彩對比會對可用性和可訪問性產生巨大影響。 即使是視力完美的人也無法輕鬆閱讀寫在相似顏色背景上的文字。 可訪問的網站文本必須設置在提供良好顏色對比的背景下。

對於大多數網站來說，顏色對比在正文中並不是一個難題。 對於橫幅、標題文本和頁面標題來說，這是一個更為常見的問題。 那是因為此文本通常覆蓋在圖像上。 如果文字和圖片的顏色太相近，會讓人看不懂。

Rock Content 的主頁是色彩對比的一個很好的例子。 它在主圖像後面有淺紫色光斑背景，頂部有黑色文字。 它簡單、有效且易於閱讀。

您可以採取一些措施來修復網站上的顏色對比度：

將文本顏色調整為 4.5:1 的對比度是最簡單的解決方案之一。
許多可訪問的網站在背景圖像和標題文本之間放置了一個透明框。 其他人只是將標題文本移動到圖像旁邊，而不是在圖像之上。

確保視頻可訪問

視頻營銷是任何現代 B2B 營銷策略的核心組成部分。 如果您想展示產品或演示新技術，視頻是您可以選擇的最身臨其境的格式。

然而，視頻也可能是對殘障用戶最具挑戰​​性的格式之一。 它結合了音頻和視覺信息來講述一個故事，大多數視頻播放器都有一個點擊界面。

字幕和文字記錄在幫助殘障人士享受視頻內容方面發揮著至關重要的作用。 字幕非常適合有聽力障礙的人，而文字記錄也能讓屏幕閱讀器用戶跟上。

確保視頻內容的鍵盤可導航性可能很困難。 並非所有視頻託管提供商都提供可訪問的用戶體驗。 發布成績單可能會讓你繞過這一要求，但它並不總是能很好地完美傳達視頻內容的含義。

表格也是如此。

如果您使用表格對視頻內容進行門控，則必須確保它易於訪問且易於填寫。 它應該清晰易讀，可通過鍵盤導航，並且與屏幕閱讀器兼容。

通過強大的第 3 方解決方案優化合規性

WCAG 協議包含大量技術設計細節。 其中包括特定的顏色對比度、可操作性標準、錨鏈接性能等。

手動驗證所有這些是一個困難且耗時的過程。 您需要記住、檢查和交叉引用網站每個頁面上的數百個次要技術細節。

Web 可訪問性工具可以幫助您自動執行此任務。 accessWidget 等工具結合了 AI 以自動修復您站點中無法訪問的代碼。

它還使殘障網站訪問者能夠根據他們的個人需求修改您網站的用戶界面。 這包括調整顏色和顯示選項、啟用鍵盤導航以及調整屏幕閱讀器技術。

請注意，並非 WCAG 標準中的所有要求都可以自動化。 其中一些要求涉及內容向用戶傳達“意義”的方式。 只有人類才能驗證這一點。

無障礙是一項持續的承諾

可訪問性不僅僅是要檢查的合規框。 無法保證每個殘障人士都能找到您的網站及其所有內容。 可訪問性之旅的一部分涉及從殘疾人那裡獲取反饋並加以實施。

你越早開始這段旅程，結果就越好。 花時間審核您的網站並確定可以改進內容可訪問性的區域。 接觸殘障人士社區並向其表明您對其成功和融合的投入。 它會以實物回應。

有關如何向不同受眾推銷您的業務的更多指南，請查看我們的營銷計劃包。