網站可訪問性訴訟越來越多：WordPress 網站如何符合 ADA 標準
已發表: 2023-02-24您對美國殘疾人法案 (ADA) 有多熟悉？ 不幸的是，每年都有越來越多的網站所有者在因不遵守 ADA 而被起訴時吸取教訓。 ADA 的建立是為了確保殘障人士能夠公平和平等地獲得住房、就業、交通、公共住宿、通信以及下至市級的政府計劃或服務。
Seyfarth Shaw LLP 是一家領先的國際律師事務所，報告稱，2022 年，聯邦法院提起了 3,255 起訴訟，“指控殘疾原告無法使用網站，因為這些網站的設計不便於訪問和/或使用輔助技術。 ” 自 2010 年以來，這個數字每年都以 10% 或更多的速度增長。 與網站相關的可訪問性訴訟現在佔所有 ADA Title III 訴訟的 37%。
那麼“符合 WordPress ADA 標準”是什麼意思？
ADA 也適用於在線
ADA 立法已經非常清楚地表明，殘疾人的無障礙性不僅僅是發生在現實世界中的事情。 它也適用於我們許多人工作和花費大量時間的數字空間。 提供關鍵服務的工作場所和公共場所或辦公室需要對所有人開放。 網站也是如此。
ADA 明確規定，如果個人是擁有至少 15 名員工的私人雇主，則他們必須遵守其無障礙政策。數字世界包括您擁有和運營的 WordPress 網站。
這就是為什麼有必要構建完全符合 ADA 的 WordPress 網站。
好消息是，大量軟件程序和專用工具將幫助您成為符合 ADA 標準的 WordPress 網站所有者。 遵循一些既定的做法並使用一些重要的工具。 這將確保您的網站內容可供所有人使用和訪問，包括殘障人士。
在本指南中，我們將深入探討美國殘疾人法案，以及為什麼您需要在您的在線資產中遵守該法案以避免潛在的法律訴訟。 建立無障礙網站還有很多其他原因，它們對網站所有者有直接的好處。
最後，我們將向您介紹四個關鍵的輔助功能提示，您將從今天開始使用這些提示。
讓我們來看看。
為什麼您的 WordPress 網站需要符合 ADA 標準
ADA，或美國殘疾人法案，是一項解決對殘疾人的潛在歧視的法律。美國聯邦法律包括強有力的保護措施，完全禁止任何企業根據個人的身體能力拒絕提供工作或住房。
ADA 要求公平獲得：
- 公共場所
- 運輸
- 教育
- …和更多…
除了物理世界，ADA 保護還擴展到所有信息技術和電子可訪問性。
因此，ADA 合規性影響幾乎所有已發布的網站。 即使法律不存在，確保您的 WordPress 網站可供盡可能多的用戶訪問仍然是一個很好的做法。
更具體地說，ADA 明確規定，如果個人是擁有至少 15 名員工的私人雇主，則他們必須遵守其無障礙政策。
此外，如果您擁有一家為公共利益運營的企業，例如註冊慈善機構，則必須遵守 ADA。
除此之外，所有地方和州政府機構網站，包括學校網站，都必須 100% 符合 ADA。
擁有一個符合 WordPress ADA 標準的網站意味著什麼？
讓我們首先看一下 ADA 強制執行的一些網站可訪問性標準：
- 符合 ADA 標準的網站必須使視力受損的網站用戶能夠使用屏幕閱讀器來感知您網站的內容。
- 該站點必須提供所有音頻內容的轉錄或字幕。 這允許聾人用戶攝取網站的內容。
- 它需要支持鍵盤導航，以便無法使用傳統計算機鼠標的用戶能夠瀏覽該站點。
- 符合 WordPress ADA 標準的網站將實施可訪問的視覺設計，以幫助適應色盲或光敏性用戶。
請記住，這不是符合 ADA 標準的完整列表。 隨著本指南的進展，我們將進一步了解您的 WordPress 網站如何滿足所有 ADA 要求的全部細節。 當我們繼續研究可訪問性的技術方面時，請牢記大局（及其好處）。
沒有符合 ADA 標準的 WordPress 網站的可能後果是什麼？
請記住，如果您的網站不完全符合這些標準，您可能會發現自己在法律上遇到麻煩。 即使您不打算將殘障人士排除在能夠輕鬆訪問和使用您的 WordPress 網站之外，情況也可能如此。 事實上，在遵守 ADA 的情況下，意圖與法律是分開的。
即使沒有意圖，某人仍然可能有堅實的理由對您和您的企業提起訴訟。這不是理論上的威脅。 近年來，針對遵守 ADA 的網站提起了幾起備受矚目的訴訟。 這些訴訟中涉及面最廣的是針對達美樂比薩品牌的訴訟。 這個案子一路打到了美國最高法院。
構建一個更便於殘障人士訪問的 WordPress 網站不僅僅是正確的事情。 它還可以極大地有利於您的品牌和整體業務。
根據 WHO（世界衛生組織）的數據，全世界約有 13 億人至少患有一種類型的殘疾。 這大約佔全世界人口的 16%。 這是您網站的許多潛在新客戶和瀏覽者。
Target 從輸掉無障礙訴訟中學到了什麼？
萬維網聯盟 (W3C) 網絡無障礙倡議提供了一個有影響力的早期 ADA 訴訟案例研究，該訴訟針對一家美國大公司的無障礙訪問網站：target.com。 全國盲人聯合會 (NFB) 在本案中作為原告勝訴，因為 Target 的網站缺乏關鍵的可訪問性功能：
- 使用屏幕閱讀器為視障人士描述圖像的替代 (alt) 文本
- 無需使用鼠標即可完成在線購買的鍵盤控件
- 顯示商店位置的可訪問圖像地圖
- 正確的符合標準的語義 HTML 頁面設計，帶有有助於站點導航的標題
今天，Target Corporation 是網絡可訪問性的擁護者。 以下是 Target 的首席數字官兼 Target.com 總裁 Jason Goldberger 在 2016 年解釋了他最引以為豪的事情，經過十年的努力使 Target.com 易於訪問並符合 ADA 標準：
......我經常聽到來自許多不同團隊的同事自發談論無障礙功能，並在沒有我們任何提醒的情況下將其納入他們的計劃。 它已成為日常對話的一部分，這非常令人驚奇，因為情況並非總是如此。 為殘障人士著想是數字團隊不可或缺的一部分，對我和其他盲人客人來說，這是讓 Target 與眾不同的另一部分。
雖然可訪問性在其實施中可能非常技術性，但這就是它所支持和實現的全局：與客戶和潛在客戶的需求相協調的積極的公司文化。
如何獲得符合 WordPress ADA 標準的網站
現在您對什麼是《美國殘疾人法案》及其重要性有了大致的了解。 接下來，我們將了解如何使您的 WordPress 網站符合要求。
以下是到達那裡需要做的四件事。
1. 了解符合 ADA 標準的 WordPress 網站是什麼樣的
美國司法部尚未發布或發布 ADA 的任何官方合規指南。 但是，它確實提供了一些可靠的建議。
熟悉 WCAG
特別是，ADA 強烈鼓勵每個組織遵循 Web 內容可訪問性指南 (WCAG)，2.0 級 AA。
這些準則明確指出，所有站點訪問者必須能夠感知出現在您的 WordPress 站點上的每條信息。 要做到這一點，網站所有者需要為他們網站上的媒體提供替代方案。
視頻字幕
以 YouTube 為例。 由於需要遵守 ADA，他們會自動為平台上託管和播放的所有視頻和音頻內容提供字幕。
您網站的訪問者還需要能夠理解您的所有內容。 為了解決這個問題，它通常有助於提供有關用戶如何與您網站的特定區域進行交互的額外指導。無障礙表格
例如，您可以考慮使用建議的輸入提示來幫助闡明站點用戶需要輸入您的聯繫表單的信息。
除此之外，如果用戶在表單中輸入了錯誤的信息，請嘗試提供簡單的建議，告訴他們可以採取哪些措施來修復這些輸入錯誤。
這樣做比僅顯示用戶輸入無效的一般錯誤消息更有幫助（且易於訪問）。
支持屏幕閱讀器和鍵盤導航
您可能已經有一些網站訪問者正在使用屏幕閱讀器與您的網站進行交互。 對於這樣做的人來說，描述性替代文本對他們理解您的 WordPress 網站上顯示的圖像非常有幫助。
手動或視覺靈巧性有問題的人通常會發現使用小鍵盤或鍵盤等導航控件更容易與網站交互。 對於執行此操作的用戶，您需要具有一致且清晰的站點導航結構。
您還可以提供當前處於焦點的元素的視覺指示。 這些元素將在您的網站訪問者下次執行操作時激活，例如按下鍵盤上的“返回”鍵。
2. 進行 ADA 合規審查以了解您目前的立場
可訪問性不是一個簡單的話題。 事實上，這是一個巨大的話題，涉及許多不同的設計廣告界面元素，用於創建更加用戶友好的 WordPress 網站。 如果網站所有者只忽視一個與可訪問性相關的因素，它很容易阻止網站用戶（和潛在客戶）在他們的網站上獲得積極的體驗。
為了幫助確定您的網站已經符合 ADA 的程度，最好使用網絡可訪問性評估工具。網站可訪問性評估 (WAVE)
根據可訪問性標准開始評估您網站的用戶體驗 (UX) 質量的一個好地方是一套稱為網站可訪問性評估 (WAVE) 的工具。 WAVE 將掃描您的 WordPress 網站並列出所有潛在的可訪問性問題。 這是一個非常有價值的工具，可以幫助識別可能影響站點可用性的大量問題。
從 WAVE 查看此列表時，您將能夠單擊隨附的圖標以獲取有關已檢測到的每個輔助功能錯誤的更多信息。 該工具甚至會為您推薦資源，讓您更深入地了解每個可用性問題。
不幸的是，WAVE 是一種有限的工具，一次只能掃描一個網頁。 為了加速掃描整個 WordPress 站點的過程，最好安裝 WAVE for Firefox 或 WAVE for Chrome 擴展程序（取決於您喜歡的瀏覽器）。
這些擴展將允許您在當前查看的每個網頁上運行 WAVE。
3. 在創建可訪問站點時始終遵循符合 WordPress ADA 標準的最佳實踐
在您測試了站點的可訪問性並彙總了結果之後，就該解決您發現的每個問題了。
您必須全面了解您網站的內容。 考慮一下您是否能夠為您已經發布的內容提供替代媒體輸出。
只要有可能，請嘗試為您的所有視頻和音頻內容提供專業轉錄的字幕。轉錄服務
如果您無法讓專業人員轉錄您的內容，可以使用一些軟件工具自動為您生成字幕。
不幸的是，其中一些有時有點草率和不准確。 但是，如果使用轉錄軟件工具是您唯一的選擇，那總比不提供任何內容轉錄要好。
您還需要為 WordPress 網站的視覺效果提供書面文本替代方案。 這種非常有用的做法極大地有利於所有通過屏幕閱讀器等輔助工具體驗您網站的用戶。
替代文本和圖像
在 WordPress 中，直接在媒體庫中向圖像和視覺效果添加描述性替代文本非常簡單。
此外，許多尋求 ADA 合規性的 WordPress 網站所有者發現最好避免在您的網站圖像中包含文本。 圖像中的大量文本會使僅使用替代文本向視障人士描述您的圖形變得更加困難。
相反，請考慮您是否可以使用代碼構建類似的效果。 例如，您可以添加您試圖以純文本形式傳達的信息。 然後使用 CSS 對其進行樣式設置。
對比度
為了充分支持視覺受損的站點訪問者，最好將所有文本的對比度保持在至少 4.5:1。 您還需要將所有文本的大小調整到 200%。
您將面臨的挑戰是在不影響站點功能的情況下提供這種靈活性。 這可能需要您在進行更改之前進行大量可用性測試。
如果您想詳細了解影響您網站的可訪問性問題，那麼通過 WAVE 工具運行您所有的網站內容非常重要。 然後，花時間閱讀 WAVE 建議的所有資源。
在可訪問性方面，WCAG 制定的指南被廣泛接受為行業標準。 但最好也查看 WebAIM 的可訪問性清單。 該工具旨在濃縮 WCAG 2.1 官方規範。
4. 安裝提高 WordPress ADA 合規性的插件
WordPress 存儲庫中的許多不同的插件和工具承諾會引導您實現 WordPress ADA 合規性。 例如，您可以使用 WP ADA Compliance Check Basic 快速掃描整個網站是否存在可訪問性問題。
WP ADA 合規性檢查基本
這個有用的插件建議資源，提供有關它檢測到的每個問題的更多信息，就像 WAVE 工具一樣。 但是有了這個，您還將獲得受影響代碼的直接鏈接。 當您需要解決複雜的可訪問性問題時，這非常有用。
另一個需要考慮的工具是 Accessibility Checker 插件。 這個插件試圖成為 WAVE 的 WordPress 特定版本，同時允許您從儀表板內掃描整個 WordPress 站點。
均衡數字可訪問性檢查器
作為 WordPress 網站所有者，有許多不同的方法可以使網站更易於訪問。 但是，選擇錯誤的主題來運行您的網站可能會破壞您的所有努力。
WordPress.org 主題存儲庫中充滿了由專業人士設計的主題。 然而，即使是最有經驗的 WordPress 設計師有時也會忽視與 ADA 合規性和可訪問性相關的重要原則。
WP可訪問性
為幫助解決此問題，WP Accessibility 插件將解決 WordPress 主題中出現的問題。 下載並激活插件後，您需要導航到 WordPress 儀表板中的設置 > WP 輔助功能。
在那裡，您會看到與站點可訪問性相關的各種設置，您可以關閉和打開這些設置。 這將取決於您的主題是如何設置的。
這些設置將包括向鏈接添加輪廓:focus狀態以改進鍵盤導航，並使用longdesc提供有關圖像內容的更多信息。
不要使用輔助功能覆蓋
請務必記住，沒有真正的即插即用解決方案可以創建完全可訪問且符合 ADA 標準的網站。 一些插件可能聲稱是即插即用的，但這是不可能的。 合規性插件非常適合掃描網站問題並進行調整以改善問題。 但要注意嘗試使用覆蓋方法的插件。 另外，請注意聲稱僅通過下載和激活插件即可提供 100% WordPress ADA 合規性的插件。
應該避免這些“可訪問性覆蓋”。
是時候創建一個符合 ADA 標準的 WordPress 網站了
讓每個人都可以訪問您的 WordPress 網站顯然是網站所有者應該做的正確的事情。 但是，它也會保護您免受潛在的法律後果。
通過確保您的網站符合 ADA 標準，您將自動擴大潛在客戶群。
回顧創建符合 WordPress ADA 標準的網站的步驟：
- 了解已經符合 ADA 標準的網站是什麼樣子的。
- 查看您自己的站點以了解它的合規性。 這可以使用 WAVE 工具（網站可訪問性評估）來完成。
- 遵循已經證明的最佳實踐來構建可訪問的網站。
- 安裝 WordPress 插件，例如 WP Accessibility 和 WP ADA Compliance Check Basic。
屆時，您將順利擁有一個您的用戶會喜歡的符合 WordPress ADA 標準的網站。
下載 Kadence 主題和 Kadence 塊以構建有效的網站
如果您喜歡用漂亮的設計創建引人入勝的內容，Kadence Blocks 提供的工具可以讓您在原生 WordPress 編輯器中發揮創意。 此外，享受大量可以輕鬆包含在站點中的預建內容，包括可幫助您開始下一個網頁設計的線框塊庫。 非常適合靈感和快速開發！
Dan Knauss 是 StellarWP 的技術內容通才。 自 1990 年代後期以來，他一直是一名作家、教師和自由職業者，從事開源工作，自 2004 年以來一直從事 WordPress。