如何使您的網站符合 ADA 標準並檢查您的 Web 可訪問性狀態
已發表: 2022-12-01您面向公眾的網站是否需要符合 ADA 標準? 簡短的回答是肯定的,而且現在比以往任何時候都更重要。 使您的網站易於訪問(並保持)可保護您的公司,並為所有用戶提供平等的機會從您的資源中受益。 不遵守 ADA 可能會產生重大的法律後果——提供更好、更公平的用戶體驗可以提高客戶滿意度——因此了解您的網站的不足之處並優先解決問題非常重要。
什麼是 ADA 合規性?
ADA是美國殘疾人法案。 該民權法最初於 1990 年通過,涵蓋範圍廣泛的針對殘疾歧視的保護措施。 您可能最熟悉某些規定,例如雇主有義務為員工提供合理的住宿條件,以及要求輪椅無障礙出入口的建築法規。
但該法案還延伸至互聯網。 無障礙網站是任何用戶都可以瀏覽的網站,無論是否殘疾。 您的用戶可能具有不同的視覺、聽覺或運動能力,因此創建一個可供使用屏幕閱讀器、語音導航和其他輔助技術的用戶訪問的站點非常重要。
我的網站是否需要符合 ADA 標準?
根據 ADA 法規,向公眾開放的政府和企業網站必須保持一定的可訪問性標準。 如果您有一個面向公眾的網站,可以安全地假設您的網站需要符合 ADA 標準。
棘手的部分是 ADA 沒有針對網站的一套官方規定。 相反,它只是聲明其可訪問性規則適用於網站和物理位置。 這會讓您很難知道您需要做什麼來保持您的網站合規。
Web 內容可訪問性指南 (WCAG)是一個不錯的起點。 雖然不是 ADA 的正式組成部分,但根據其他法律,遵循 WCAG 是強制性的,並且涵蓋了 ADA 訴訟中可能提出的許多基本調整。
儘管如此,在許多情況下,及時了解您的 ADA 合規性可能是一項全職工作。 一些公司選擇使用專業服務來保持其網站的領先地位,並跟上無障礙網頁設計的最新需求。
通過 10 個步驟使您的網站符合 ADA 標準
不確定如何開始修復您網站的可訪問性? 每個人都應該採取一些共同的第一步,以確保他們為所有用戶提供公平的訪問權限。 我們將更詳細地介紹這些內容,但一目了然,根據 WCAG,您的首要任務是製作您的網站:
- 可感知:為視力受損的人提供住宿。
- 可操作:使用任何主要工具(不僅僅是鼠標)輕鬆瀏覽您的網站。
- 易於理解:使內容易於理解並提供請求幫助的接觸點。
- 穩健:確保您的網站與輔助技術合作,並且可以從各種平台和設備訪問。
1. 檢查您的 Web 可訪問性
在您開始進行任何更改之前,最好獲取有關您網站的一些基線數據。 檢查您的網絡可訪問性既快速又簡單。 如果您想自己解決所有問題,現在可以使用多種在線工具。 許多專業的無障礙解決方案提供商甚至提供免費的網站無障礙工具來幫助您評估您的網站所處的位置。
值得注意的是,除非您已經在積極努力遵守 ADA 或 WCAG 標準,否則您可能會在您的網站上發現一些可訪問性問題。 換句話說,診斷測試可能會表明您的網站存在問題。 沒關係-大多數人都這樣做。 運行可訪問性掃描的好處是,您將更好地了解所涉及的工作範圍,並弄清楚如何制定行動計劃。
2. 了解法律
雖然 ADA 確實沒有針對網站的特定語言,但您可以在其官方網站上了解他們對網頁設計的期望。 請務必花時間瀏覽 ADA.org 等政府網站,以查看有關網站合規性的官方信息。 直接從源頭了解 ADA 合規性的原因和動機非常重要。
3.使您的網站屏幕閱讀器兼容
屏幕閱讀器獲取屏幕上的文本並敘述或輸出盲文轉錄,使用戶能夠以其他方式與您的內容互動。 這對於許多具有各種差異的不同用戶來說至關重要。 當談到屏幕閱讀器時,我們首先想到的通常是視覺障礙,但這些輔助技術對於一些有閱讀和學習困難的人也非常有幫助。
您可以做很多事情來讓屏幕閱讀器更容易訪問您的網站,其中許多也是提供令人愉悅的用戶體驗的最佳實踐:
- 使錨文本具體化
- 如果您顯示一個 CTA 框,上面寫著“單擊此處”,屏幕閱讀器將簡單地說明這一點,而不會提供有關該按鈕功能的任何其他上下文。 如果你讓它更具體——想想像“請求演示”這樣的東西——用戶將確切地知道該鏈接會將他們帶到哪裡。
- 精簡頁面內容
- 不要用不必要的東西使頁面混亂。 嘗試讓事情盡可能簡單,以便使用屏幕閱讀器的人可以有效地瀏覽您的網站。
- 使用正確的 HTML
- 屏幕閱讀器需要查看代碼才能理解他們正在閱讀的內容。 這意味著標題應編碼為 H1、H2 等,編號列表和表格應使用指定的函數製作。 如果您手動創建列表或表格,您可能依賴於可視化效果——屏幕閱讀器可能看不清楚。
4.使用高對比度設計
低對比度的文本和背景可能讓任何用戶都難以閱讀,但對於有色盲和其他視覺障礙的用戶來說尤其成問題。 如果您的按鈕和橫幅已經根據品牌指南設計,您可能需要進行一些更改以使其對所有用戶可見。
幸運的是,您可以量化顏色對比度。 WCAG 具有最低對比度規格,但一般來說,對比度越高越好。 對於小文本,目標對比度高於 4:5:1。 對於較大的文本,目標為 3:1 以上。 值得慶幸的是,有一個優秀且免費的顏色對比工具可以幫助您的團隊創造包容性體驗。

5.提供顏色以外的額外提示
對於可能失明或弱視的人——確保您沒有將顏色用作意義的唯一指示符。 例如,您可能想要列出產品的優點和缺點。 確保這些標記清楚,而不是簡單地與綠色或紅色字體形成對比。 這可能會在測試之外的許多不同設計情況下出現——想想按鈕和 CTA——因此在開發頁面時考慮到色盲和低視力用戶是至關重要的。
6. 在圖像上使用描述性替代文字
替代文本對於可訪問性和 SEO 都非常重要,因此您可能已經理解它的重要性。 在 SEO 方面,替代文本可以幫助搜索引擎了解圖像中的內容以及它與其餘內容的關係。 這對於圖像搜索至關重要,但對於傳統搜索也很重要。
替代文本在可訪問性方面的工作方式相同。 屏幕閱讀器敘述替代文本,因此這些用戶訪問您的視覺內容的唯一方法是通過您的替代文本描述。 保持這些簡潔但具有描述性,並嘗試考慮您希望人們從您的照片中拿走什麼。
7.始終在視頻上提供字幕
到目前為止討論的許多住宿都是視覺的,但也有一些關鍵的音頻無障礙考慮因素。 視頻通常是出現最多的地方,隨著我們開始越來越多地使用視頻作為媒介,確保我們創建的內容讓每個用戶都能欣賞變得越來越重要。
使用字幕是一種簡單的方法,可確保用戶無需聽到您的視頻即可理解您的內容。 這對於有聽力障礙的用戶來說非常有用,但它也可以讓有感官處理困難的用戶受益,他們可能想要避免音頻輸入。
8. 為您的站點啟用鍵盤導航
並非每個人都能夠使用鼠標、觸控板或觸摸屏瀏覽網頁(儘管針對這些優化您的網站也很重要。)有些用戶只需要使用鍵盤瀏覽您的網站,因此請確保您在向網頁添加新元素時考慮這一點。
HTML 功能通常已經與鍵盤導航一起使用,但如果您想使用更可定制的東西(如 CSS),您可能需要做一些額外的工作才能使頁面易於訪問。
一般來說,用戶將使用幾個核心鍵來瀏覽您的站點:Tab、Shift、Enter/Return、Escape 以及空格鍵和箭頭鍵。 確保用戶能夠使用 Tab 與頁面上的元素進行交互。 使用頁面元素(如下拉菜單、小部件和插件)也有一些特殊注意事項,因為其中一些可能需要額外的步驟才能使它們對鍵盤友好。
9.確保符合第三方解決方案
跟上 ADA 合規性的最新指南很複雜,某些實施步驟可能超出您團隊日常工作的範圍。 如果您測試您的站點並發現它不可訪問——並且您沒有時間或資源自行解決問題——那麼第三方解決方案可以提供幫助。 其中包括診斷可訪問性問題並推薦解決方案的機構,但您可能還想考慮與可以幫助您實施這些更改的其他合作夥伴合作。
如果您有興趣與合作夥伴合作, TPGi可以幫助審核您的網站,為您的團隊制定無障礙路線圖,並推薦開發人員實施修復。
10. 跟上您的網絡合規性
可訪問性不是一個一次性的項目。 與 SEO 一樣,可訪問性是一個迭代過程,需要不斷維護和不斷努力才能取得成功。 即使您已經仔細檢查了整個網站並確保合規,但在創建新內容或更新網站上的舊頁面時仍然需要保持警惕。 如果不是,您可能會引入新的可訪問性問題。 ARC Monitoring等監控工具讓這一切變得更容易,並有助於確保您不會落後。
網站 ADA 合規性常見問題解答
ADA 網站合規性是強制性的嗎?
美國殘疾人法案不包括專門引用網站指南的語言或法規,但面向公眾的商業網站必須可訪問。 不遵守規定的公司可能面臨沉重的訴訟。
建立在流行的網絡託管服務上的網站是否自動兼容?
使用 Weebly、WordPress、Wix 和 GoDaddy 等網絡託管服務創建您的網站並不自動意味著您符合 ADA 標準。 這些工具中的許多工具可能會使合規性變得更容易,但是如果您在創建網站時沒有特別注意可訪問性,那麼很有可能您需要解決一些問題。
哪些法律討論 ADA 網站合規性?
《美國殘疾人法案》是美國管理無障礙環境的主要法律。 不幸的是,法律沒有提供維護合規網站的全面指南。 官方政府網站確實提供資源來協助合規,但許多網站所有者使用Web 內容可訪問性指南 (WCAG)來防止常見的可訪問性問題。
如何測試我的網站是否符合 ADA 規定?
您可以使用許多免費的在線資源來檢查您的合規性。 許多專業服務提供免費工具來幫助您入門。 請參閱TPGi 的網站輔助工具以開始使用。
未能達到 ADA 標準的處罰是什麼?
對於不遵守 ADA 標準的企業,訴訟正成為越來越普遍的懲罰。 根據 ADA,這些被稱為 Title III 訴訟,一些律師事務所現在專門處理這些案件。 如果您因無障礙問題而被傳喚,您可能會面臨巨額罰款,並有可能上法庭。
讓所有人都可以訪問您的網站
為了您公司的財務和法律健康,以及為了您的許多依賴可訪問性設計來瀏覽 Web 的用戶,讓您的網站符合 ADA 標準至關重要。 合規性可能很複雜,因此如果您不確定自己能否獨立診斷和解決站點問題,那麼求助於合作夥伴可能是有意義的。 ADA 訴訟的後果可能非常嚴重,一個可訪問的網站可以讓您的業務面向更多的客戶和客戶。 在開始時查看 TPGi 的輔助功能解決方案以獲得專業支持。
