免費的 ADA 合規網站清單

為什麼您需要一個符合 ADA 標準的網站

任何需要在其物理位置符合 ADA 標準並且“使用互聯網進行有關其程序、商品或服務的通信的企業或面向公眾的機構也必須準備好通過可訪問的方式提供這些通信，”根據司法部的公開信。

任何擁有超過 15 名全職員工且一年中營業時間超過 20 週的企業都必須遵守《美國殘疾人法案》的第三章，以便公眾輕鬆訪問。 活動人士最近開始搜索和起訴不合規的網站； 僅 2018 年就有 2250 起訴訟被提起。

如果您的網站被發現不合規，您將損失數千美元的罰款和法庭費用。 當新聞媒體報導您的企業因歧視殘疾人而被起訴時，您還將遭受一場公關噩夢。

雖然“可訪問性”在 1996 年 DOJ 信函發表時的定義很寬鬆，但 網頁內容無障礙指南 現在是聯邦政府用於其自己的網絡存在和法院用於評估 ADA Title III 違規行為的標準。

您當前的網站可能不合規

在購買新網站時，高管們很少意識到 ADA 合規性是一個問題。 那些經常相信任何能夠製作時尚且有吸引力的網站的人也會製作符合 ADA 的網站。 不幸的是，網頁設計師通常不了解 ADA 合規性的最佳實踐，或者忽略它們來實現令人興奮的新設計功能。

許多品牌的廣告團隊也對這些要求一無所知。 其他人則將它們視為建議，而忽略顏色對比度和字體大小等主要問題，因為這需要重新命名或更改正在進行的活動才能遵守。

如果您不確定您網站的合規性，請對照我們的清單進行測試。 你一個小時的時間可以為你的公司節省數万美元和公開羞辱。

測試您的網站的 ADA 合規性

我們 Sagapixel Web Design 已經創建了一個清單來測試網站的 ADA 合規性。 這使我們的網頁設計和內容創建團隊能夠確保最大數量的訪問者和潛在客戶可以訪問他們的工作。

如何使用清單

測試 ADA 合規性需要多種工具來測試您網站的不同區域。 有多種免費工具（例如 WAVE）可以測試最重要的合規性因素，但是對於諸如隱藏式字幕和該工具無法捕獲的異常情況（例如回流問題和帶有 alt-text 的圖片）之類的事情需要人工審核沒有描述框架中的內容。

查閱我們的清單並測試每個項目。 如果您通過了 AA 級，那麼恭喜您！ 大多數殘障人士都可以訪問您的業務。 如果您未通過任何項目，您將面臨訴訟的風險。 如果您不符合多個標準，那麼購買新網站可能比聘請開發人員來解決您當前擁有的問題更便宜。

查看下面的在線清單，或下載清單的 PDF 以打印或離線查看。

清單

A 級合規性

• 任何和所有非文本內容都有一個用於相同目的的替代文本。
• 任何基於時間的媒體，包括純音頻和純視頻演示，都有一個易於訪問的替代方案。
• 所有預先錄製的同步媒體都有隱藏式字幕。
• 任何內容的閱讀順序都可以通過編程方式確定。 內容按邏輯順序呈現，鍵盤導航遵循此順序。
• 說明並不僅僅依靠感官特徵（例如顏色、聲音或視覺方向）來解釋如何操作網站內容。
• 顏色永遠不會用作傳達提示、鏈接或其他視覺元素存在的唯一方式。
• 如果音頻被編程為自動播放超過 3 秒，則可以使用一種機制來暫停音頻或降低音量，而與系統音量無關。
• 用戶只需一個鍵盤即可訪問網站的所有功能。
• 輸入字段可能不需要特定的擊鍵時間，除非用戶移動的時間對於字段的功能是必不可少的。
• 如果一個組件可以通過鍵盤訪問，那麼它也必須可以使用鍵盤離開該組件。
• 如果需要來自頁面組件的退出命令，它應該是單個不可打印的鍵，例如 Escape 或 Tab。
• 單字母快捷鍵必須至少具有以下功能之一：
  • 必須始終有一種方法可以禁用快捷方式。
  • 有一種將快捷方式重新映射到不可打印字符的機制。
  • 該快捷方式僅適用於特定組件，並且僅在該組件具有焦點時才處於活動狀態。
• 用戶應該能夠延長或關閉內容的時間限制，除非該時間限制是現實生活功能的重要組成部分，例如拍賣。
• 用戶應該能夠隱藏任何閃爍或滾動功能。 唯一的例外是真正的緊急警報。
• 任何功能都不得在一秒鐘內閃爍超過 3 次。
• 必須存在一種機制來繞過重複的內容塊。
• 所有頁面標題都必須描述頁面的主題和目的。
• 當頁面按順序導航時，組件在通過鍵盤訪問時必須以正確的順序接收焦點。
• 任何多輸入手勢都有一個單一的輸入選擇。
• 當一個功能通過點擊激活時，它必須利用以下輔助功能之一：
  • 單獨的向下單擊不會激活該功能。
  • 有一個選項可以撤消或中止單擊。
  • 釋放指針按鈕會中止單擊。
  • 唯一的例外是該函數旨在模擬鍵盤或小鍵盤。
• 當按鈕包含文本或圖像時，按鈕的名稱包含該名稱或描述按鈕的視覺內容。
• 運動激活功能還必須能夠通過用戶界面激活。 唯一的例外是運動是活動的重要組成部分，而 GUI 不可能複制該功能。
• 可以通過編程方式確定網頁的默認語言。
• 按鈕和其他交互組件在接收到用戶焦點時不能改變它們的用途。
• 更改用戶設置不應更改按鈕或交互元素的上下文。
• 輸入錯誤應該有明確的名稱和文字描述。
• 任何輸入字段都應有清晰的標籤和說明。
• 所有用戶界面組件的名稱、角色和狀態都可以通過編程方式確定。
• 使用標記語言實現的任何內容或功能都有準確的標籤並使用唯一的 ID。

AA 級合規性

• 實時同步媒體內容將以隱藏式字幕呈現。
• 預先錄製的媒體應該有帶有音頻描述的隱藏式字幕。
• 頁面的方向（橫向或縱向）不會限制查看或操作，除非方向是內容的基本特徵。
• 任何收集用戶信息的輸入的目的都有明確的標記，並且可以通過編程方式確定。
• 普通文本的對比度必須為 4.5:1。
• 字體大小為 18pt 或更大的文本可能具有低至 3:1 的對比度。 純粹的裝飾性文字和企業標誌不受這些標準的約束。
• 文本在調整到 200% 時必須保留所有內容和功能。
• 文本圖像不應在任何實際文本就足夠的地方使用。 如果圖像沒有實際的替代品，例如藝術品或古董文件的展示，則應提供圖像描述。
• 當放大到 400% 時，內容必須重排為 320 CSS 像素（垂直滾動）或 256 CSS 像素（水平滾動）的寬度
• 用戶界面組件和任何非裝飾性分色應具有至少 3:1 的對比度。
• 最小文本間距：
  • 行高是字體大小的 1.5 倍。
  • 段落間距是字體大小的 2 倍
  • 字母間距是字體大小的 0.12 倍
  • 字間距是字體大小的 0.16 倍。
  • 如果給定的語言或腳本不支持這些間距選項之一，則出於可訪問性目的，它可以免除該選項。
• 當內容出現在懸停或鍵盤焦點上時：
  • 應該有一種方法可以在不改變焦點的情況下關閉內容。
  • 只要指針或焦點保持在內容上，內容就不會消失。
  • 除非用戶觸發（即通過改變焦點或關閉內容）或信息無效，否則內容不應消失。
• 在一組其他網頁中訪問網頁的方法不止一種，除非​​該頁面是流程的一個步驟。
• 所有標題和標籤都描述了它們下方內容的主題或目的。
• 在適用的情況下，鍵盤焦點指示器應始終可見。
• 文本段落的語言以編程方式標記。
  • 名稱、技術術語和合理的白話可以例外。
• 導航元素應在 Web 相關頁面之間共享相同的設計、位置和用途。
• 自動檢測輸入錯誤並就如何解決它們提出建議。
• 如果網頁引起法律承諾、導致金融交易或提交測試響應，則它必須至少包含以下功能之一：
  • 提交是可逆的。
  • 該網站檢查遺漏和數據錯誤，並為用戶提供更正的選項。
  • 用戶有機會查看、更正和確認他們輸入的任何信息。
• 即使用戶沒有關注錯誤消息，網站也會向輔助技術提供錯誤和狀態消息。

AAA 級合規性

• 為任何預先錄製的同步媒體提供手語翻譯。
• 預先錄製的媒體具有帶有擴展音頻描述的隱藏式字幕。
• 為純視頻媒體提供了不定時的替代方案。
• 為純音頻媒體提供了不定時的替代方案。
• 通過標記語言實現的內容和用戶界面組件的用途可以通過編程方式確定。
• 普通文本的對比度至少為 7:1。 粗體文本至少為 4.5:1。
• 如果預先錄製的音頻主要是語音，則不應有背景噪音，或者背景噪音與語音之間的差異至少應為 20db。 音樂內容除外。
• 用戶應該能夠更改文本塊的格式，以便：
  • 前景色和背景色是用戶可選擇的，
  • 段落不超過 80 個字符或 40 個中/日/韓字形，
  • 行距至少為 1.5，段落間距至少為 3，
  • 文本在調整到 200% 時不需要用戶水平滾動。
  • 文字圖像純粹用作裝飾。 徽標除外。
• 僅通過鍵盤界面即可訪問網站的所有功能。
• 除非與現實世界的事件相關聯，否則網站上的任何功能都不應該是時間敏感的。
• 用戶可以暫停或解除任何非緊急中斷。
• 當會話到期時，用戶應該能夠重新驗證並恢復他們輸入的信息。
• 如果在一段時間不活動後會丟失任何數據，則應明確通知用戶，並應提供保存用戶數據並在以後繼續的選項。
• 動畫運動對於傳遞信息不是必不可少的。
• 可以禁用動畫。
• 當網頁是一個連接集時，用戶位置應該有清晰的視覺和程序化指示。
• 鏈接的文本應標識鏈接的目的。
• 文本使用 HTML 標題標籤進行組織。
• 指針的按鈕和其他目標必須至少為 44 像素 x 44 像素。
• 僅當出於有效的安全目的而需要限制時，才可以通過編程來阻止替代輸入方式。
• 外國藉詞、習語和技術術語是用文本標記或通過鏈接到適當的字典來定義的。
• 縮寫已定義或可以擴展以顯示完整術語。
• 當寫作高於 9 年級閱讀水平時，應提供簡化版本的內容。
• 當一個單詞的發音有歧義時，應該包括一個發音的關鍵。
• 導航元素不應該改變上下文，除非用戶發起改變。
• 上下文相關的幫助或工具提示始終可用。
• 當網頁要求用戶提交任何個人信息時，至少包括以下功能之一：
  • 提交是可逆的。
  • 該網站檢查遺漏和數據錯誤，並為用戶提供更正的選項。
  • 用戶有機會查看、更正和確認他們輸入的任何信息。

合規網頁設計常見問題

ADA 官方網站指南是什麼？

儘管最近在 2008 年進行了修訂，但 ADA 並未具體提及網站或互聯網可訪問性。 每年有數千起關於在線可訪問性的訴訟，法院使用國際公認的互聯網標準組織萬維網聯盟 (W3C) 發布的指南作為合規設計的模型。 聯盟的Web 內容可訪問性指南(WCAG) 自 1999 年以來已發布。這些標準於 2012 年被採納為 ISO 標準，並且是歐洲和亞洲 Web 可訪問性法律的基礎。 美國現在要求所有政府網站遵守 WCAG AA-Tier 合規性，聯邦法官在裁定網站可訪問性和 Title III ADA 違規行為時會參考這些標準。

合規指南多久更改一次？

該指南於 1999 年首次發布，2008 年和 2018 年進行了重大修訂。WCAG 2.1 是最新更新，於 2018 年 6 月發布。它包含 17 項新標準，主要針對智能手機和其他小型觸摸屏設備的可訪問性。

滿足 2.0 指南仍將導致可訪問的桌面站點。 然而，2.0 標準是 11 年前發布的，並沒有預測智能手機的革命。 因此，沒有關於製作合規移動網站的指南，也沒有關於基於觸摸和手勢的操作輸入的指南。 如果您的網站在 2018 年之前構建為符合 ADA 標準，則它可能不再符合最低合規標準，尤其是在智能手機上訪問時。

A、AA 和 AAA 合規等級之間有什麼區別？

A 層是絕對必須存在的元素和功能，以便殘障人士使用您的網站。 如果缺少 A 層功能，則您的網站根本無法訪問。

AA 層包含強烈推薦的可訪問性元素。 如果缺少任何 AA 功能，視力障礙或身體殘疾的人將很難瀏覽您的網站。 對於 ADA 合規性，這是最低可接受的可訪問性層。

AAA 級包含最先進的輔助功能。 並非所有這些功能都適用於每個網站或數字平台。 建議包含盡可能多的 AAA 功能或部分 AAA 功能，但對於大多數網站或業務類型而言，完全符合 AAA 並不是一個合理的目標。

符合 ADA 的網頁設計原則

可感知的

• 適應性強：內容在以替代格式呈現時不應失去結構或功能，例如在屏幕閱讀器放大或處理時。
• 可區分：視覺和音頻內容應該清晰可辨，包括文本和背景顏色之間的對比以及清晰標記的超鏈接和按鈕。
• 基於時間的媒體替代方案：音頻和視頻內容應該有易於訪問的替代方案，例如聲音剪輯的完整副本和任何圖形或圖表的書面解釋。

可操作

• 鍵盤可訪問：網站的所有功能都應僅通過鍵盤即可使用。 手勢和鼠標的使用絕不應該是唯一的輸入方法。
• 可導航：應該清楚地表明用戶在網站上的位置，以及如何訪問各種連接的頁面。 所有按鈕、鏈接和輸入字段都應清晰標記並易於區分。
• 可訪問的手勢和輸入：功能永遠不應依賴於基於路徑或多點手勢或指針活動，並且任何輸入都應具有中止或撤消選項。

可以理解

• 可讀性：任何文本內容都應該能夠被輔助設備解析。
• 可預測：網頁應該以一致且合乎邏輯的方式運行。 導航按鈕在使用前後應該保持相同的上下文，並且上下文的任何變化都應該讓用戶清楚。
• 輸入輔助：網頁應該幫助用戶避免和糾正可能出現的錯誤。 任何錯誤消息都應該有一個清晰的解釋、解決它的建議和一個標籤。

強大的

• 向後兼容性：網站應該能夠與前幾代輔助技術交互，並滿足所有當前標準。
• 專為輔助技術而設計：網站的所有元素都應具有可由屏幕閱讀器和其他輔助設備以編程方式確定的名稱、角色和值。
• 標記和狀態消息：文本標記和重要的狀態消息應該被編程，以便屏幕閱讀器可以訪問，即使消息當前不在焦點上。

小型企業應該遵守 ADA 嗎？

小型企業、大多數季節性企業和宗教機構在法律上不受大多數 Title III 要求的約束。 家庭經營的三明治店在法律上沒有要求安裝輪椅坡道，並且不能因為忘記在其網站的產品照片上添加替代文字而起訴當地的愛好商店。 即便如此，即使是擁有在線業務的最小公司考慮 ADA 合規性也是有道理的。

不合規不僅僅意味著難以閱讀的文本和難以導航的內容。 如果缺少圖像上的替代文本和填寫輸入字段的說明等基本元素，客戶可能無法完成購買。 一些較舊的設計功能甚至可能使那些使用輔助屏幕閱讀技術的人無法看到您的電話號碼和地址。 易於在線訪問對幾乎所有小商店都具有商業意義。