Web 可訪問性訴訟：4 個現實生活中的例子和要點

已發表: 2023-04-24

在美國，有超過 6100 萬殘疾人 (CDC)。 將如此大一部分人口排除在外意味著在商業方面錯失了巨大的機會。 出於道德和法律原因，構建可訪問的網站至關重要。 在您的網頁設計服務中提供無障礙設計是為您的客戶帶來的主要增值，並且肯定會讓您從競爭對手中脫穎而出。

數字可訪問性始於建立一個令人難以置信的網站。 下載“向本地企業銷售網站服務的 6 步指南”，立即開始為您的客戶提供可訪問性。

在本文中，我們將介紹《美國殘疾人法案》(ADA) 的要點，並展示一些引發無障礙訴訟的網站。 此外，我們將提供一些技巧和最佳實踐，幫助您避免代價高昂的法律問題，並確保用戶可以訪問您客戶的網站。

目錄

  • 為什麼網絡可訪問性很重要？
  • 美國殘疾人法案 (ADA)
  • Web 可訪問性訴訟的真實示例
    • 達美樂披薩 vs. Guillermo Robles
    • 瑪麗·康納 vs. 帕克伍德娛樂
    • 吉爾與溫迪克西
    • 全國聾人協會與哈佛 + 麻省理工學院
  • 網站設計技巧和可訪問性最佳實踐
    1. 了解 WCAG 2.1 準則
    2. 設計鍵盤可訪問性
      • 鍵盤焦點
      • 標籤順序
      • 沒有鍵盤陷阱
    3. 為圖片提供替代文字
      • 創建有效替代文字的提示
    4. 使用適當的顏色對比
    5. 避免無法訪問的內容
    6. 測試網站的可訪問性
  • 經常問的問題
    • 什麼是無障礙訴訟？
    • 最大的無障礙訴訟是什麼？

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

在為您的客戶開發網站時，Web 可訪問性是一個需要考慮的關鍵問題，因為無法訪問的網站可能會將有聽力或視力障礙等殘疾的訪問者排除在外。 這不僅是一種歧視形式，而且還會通過排除一組潛在客戶來限制客戶的業務增長。

更重要的是，數字可訪問性可能是一個法律問題。 美國殘疾人法案 (ADA) 規定，未能為殘疾人提供便利是一種歧視。 因此，網站可訪問性訴訟變得越來越普遍。 2022 年，美國提起了超過 3,200 起網站可訪問性訴訟 (Codemantra)。 對於不合規的企業，這些訴訟意味著巨大的法律費用、罰款和未能提供可訪問網站的負面報導。

美國殘疾人法案 (ADA)

美國殘疾人法案的製定是為了保護殘疾人免受歧視。 ADA 於 1990 年簽署成為法律，禁止在就業、交通、公共住宿場所（商店、餐館、辦公樓等）、通訊等方面的歧視。 根據 ADA，網站和其他通信平台必須為殘障人士提供便利。

Web 內容可訪問性指南 (WCAG) 由 Web 可訪問性倡議 (WAI) 制定，旨在為 Web 內容可訪問性設置國際標準。 它的創建是為了遵守 ADA 並改善殘障人士的 Web 瀏覽體驗。 這些指南幫助網頁設計師思考需要為殘障人士提供的不同便利，以確保他們可以自由瀏覽網站。 它們是設計無障礙網站的黃金標準。

Web 可訪問性訴訟的真實示例

如果您認為受 Web 可訪問性訴訟影響的可能性很低，請三思。 這些訴訟正變得越來越普遍，並可能影響任何規模的企業。 這裡有一些最近的例子需要注意。

達美樂披薩 vs. Guillermo Robles

2016 年，一位名叫吉列爾莫·羅伯斯 (Guillermo Robles) 的盲人在多次嘗試通過其在線平台訂購定制披薩失敗後，對披薩連鎖店達美樂 (Domino's) 提起訴訟。 即使借助屏幕閱讀器軟件，羅伯斯也無法在線下訂單。 羅伯斯在訴訟中引用了 ADA，堅持認為達美樂有義務讓殘障人士可以訪問其網站，因為它是一家擁有實體場所（公共場所）的企業。

Domino's 進行反擊，聲稱沒有明確的指導方針可以在網絡平台上容納 ADA，因為在 1990 年法律頒佈時，它們還沒有以目前的形式存在。

最終，最高法院支持羅伯斯。 2021 年 6 月，法官裁定達美樂未能提供完全可訪問的網站，從而違反了 ADA，並責令該公司使其網站符合 WCAG 2.0 標準。

瑪麗·康納 vs. 帕克伍德娛樂

2019 年，有人對碧昂絲旗下的 Parkwood Entertainment 公司提起集體訴訟，聲稱網站 beyonce.com 因未能為視障訪客提供住宿而違反了 ADA。

該訴訟認為，該網站是一個高度可視化的平台，未能在整個網站的圖像上提供足夠的替代文本，使得使用屏幕閱讀軟件的盲人訪問者無法充分理解或通過該網站進行購買。 該訴訟還列出了對該網站的其他投訴，包括缺乏可訪問的導航鏈接和菜單。 這起訴訟的結果仍然懸而未決。

吉爾與溫迪克西

2017 年針對雜貨零售商 Winn-Dixie 的訴訟指控該公司違反了 ADA。 原告 Juan Carlos Gil 在他的屏幕閱讀器無法解釋該網站後提起訴訟，阻止他訂購產品或訪問他的帳戶獎勵。 原告爭辯說，該網站應被視為公共場所，因此，它必須遵循 ADA 準則。

不幸的是，法院最終做出了有利於 Winn-Dixie 的裁決，稱無法使用該網站的客戶只需訪問店面即可。 然而，儘管贏得了訴訟，Winn-Dixie 仍承諾使其網站符合 WCAG 2.0 標準，以確保其在未來完全可訪問。

全國聾人協會與哈佛 + 麻省理工學院

2015 年，全國聾人協會 (NAD) 與個人原告合作，對哈佛大學和麻省理工學院提起訴訟。 這些訴訟聲稱，每所大學都違反了 ADA，因為它們未能讓聾人和聽力障礙者同樣可以訪問免費在線內容。

在兩所大學多次嘗試駁回這些網站可訪問性訴訟後，他們的動議一再被法院駁回。 2020 年，兩起訴訟達成和解，哈佛大學和麻省理工學院都需要更新公開可用的在線內容，以便聽力受損的人能夠平等地訪問。

網站設計技巧和可訪問性最佳實踐

從道德的角度來看，Web 可訪問性很重要。 使用符合 ADA 標準的網站，您的客戶可以避免歧視一部分人。 此外，無法訪問的網站會使他們無法享受您客戶的產品或服務帶來的好處。 遵循這些網站設計技巧，以確保您在設計網站時考慮到數字可訪問性。

1. 了解 WCAG 2.1 指南

了解 WCAG 2.1 準則是創建符合 ADA 標準的網站的第一步。 該指南概述了為視力障礙、失明、聽力損失、光敏性等各種殘障人士提供的住宿建議。 該文檔在不斷發展，因此任何從事 Web 開發工作的人都應該隨時了解 Web 可訪問性標準，並準備好適應新標準的引入。

WCAG 指南非常詳細，但無障礙網站的一些基本要素包括以下內容：

  • 提供網站圖像和視覺元素的充分描述的替代文本
  • 網站文字與背景顏色對比強烈
  • 使用鍵盤（無需鼠標或觸控板）瀏覽網站的能力
  • 視頻內容的隱藏式字幕
  • 和更多…

我們將在下面更詳細地探討這些元素中的每一個，但這只是創建可訪問網站所需內容的開始。 查看 WCAG 2.1 準則以確保您為客戶構建的任何網站都符合要求。

2. 鍵盤可訪問性設計

有視力障礙或運動障礙的網站訪問者可能難以使用計算機鼠標或觸控板。 相反，這些人依靠鍵盤的可訪問性來瀏覽網站。 以下是可通過鍵盤訪問的網站的主要組成部分。

鍵盤焦點

鍵盤焦點元素是可以使用鍵盤觸發或激活的按鈕、鏈接、複選框或字段等項目。 在可通過鍵盤訪問的網站上，用戶可以通過鍵盤單獨控制這些元素中的每一個。 鍵盤焦點是指特定元素被選中的視覺指示，例如文本字段或按鈕周圍的彩色輪廓。 此焦點指示器對於幫助個人確定他們在任何給定時間正在操作的網站元素至關重要。

標籤順序

Tab 鍵用於從一個鍵盤焦點元素導航到下一個。 邏輯 Tab 鍵順序對於為依賴鍵盤輔助功能的個人維持積極的用戶體驗至關重要。 在大多數情況下，Tab 鍵順序應與頁面的視覺流一致。 換句話說，應該按照元素在頁面上出現的順序來選擇元素。 但是，最直觀的 Tab 鍵順序可能因頁面設計而異。

沒有鍵盤陷阱

“鍵盤陷阱”一詞是指使用鍵盤瀏覽網站時可能發生的錯誤。 例如，如果用戶無法離開特定的焦點元素，這將被視為鍵盤陷阱。 徹底測試網站的每個方面（包括彈出窗口、小部件、圖庫等）以確保網站沒有鍵盤陷阱是至關重要的。 不要忘記在空狀態頁面上測試鍵盤陷阱，因為它們對於瀏覽體驗至關重要。

3.為圖像提供替代文字

“替代文本”或替代文本是嵌入在網站圖像元數據中的描述性短語或句子。 有視力障礙的人使用屏幕閱讀器軟件瀏覽網站，這些屏幕閱讀器依靠替代文本來描述網站的視覺元素。 站點上的每個非裝飾性圖像都應包含替代文本，包括編輯圖像、圖表、信息圖表、圖表、插圖和圖標。

創建有效替代文字的提示

在大多數情況下，替代文本應簡短明了，同時為圖像提供上下文。 例如，假設您在有關拉布拉多獵犬的網站上描述兩隻狗玩拔河的照片。 一個有效的替代文本示例是“兩隻拉布拉多犬玩拖船”。 此文本準確地描述了圖像，同時通過指定圖像中狗的品種來提供上下文。

對於更複雜的視覺效果，例如圖表或圖形，可能需要兩到三個替換文本句子來傳達圖形顯示的內容。 例如，如果圖表根據年齡顯示拉布拉多獵犬的平均體重，則替代文本可能會說：“圖表顯示拉布拉多獵犬通常在四個月時重 X 磅，在九個月時重 X 磅……”

編寫替代文本時，請確保描述提供了足夠的信息，讓人們即使看不到圖像也能理解圖像所傳達的信息。

4.使用適當的顏色對比

在文本和網頁背景之間加入足夠的顏色對比對於 Web 可訪問性至關重要。 當顏色對比不夠強烈時，視障用戶可能難以有效地閱讀和瀏覽網站。 這不僅會造成糟糕的用戶體驗，而且會讓網站所有者容易受到網站可訪問性訴訟的影響。

如果網站上的顏色對比太微妙，那些有視力障礙的人可能難以閱讀文本，從而導致糟糕的用戶體驗。 WCAG 2.1 指南建議普通文本的對比度為 4.5:1，網站上的大文本的對比度為 3:1。

WCAG 2.1 指南還提供了有關顏色對比度的建議。 如果您不確定您設計的網站的字體顏色和背景顏色是否具有足夠的對比度，您可以使用在線工具進行檢查。 在谷歌上快速搜索“網站可訪問性檢查器”將提供幾個選項。 在為客戶提供網站設計服務時，請記住優先考慮顏色對比而不是流行的顏色或設計。

5.避免無法訪問的內容

網站上的所有內容都需要殘障人士可以訪問，因此需要顏色對比度和替代文本要求。 如果網站託管視頻內容，則視頻應包含音頻描述或字幕，以使有聽力障礙的用戶可以訪問這些內容。 幸運的是，有許多轉錄服務可用於幫助轉錄視頻內容，Rev 和 Otter Ai 等服務使獲取視頻字幕變得容易且負擔得起。

現在有如此多的網站訪問者在移動設備上瀏覽，即使沒有聽力障礙的人也喜歡視頻上的字幕。 字幕使用戶能夠在音頻可能具有乾擾性或難以聽到的公共場所使用視頻內容。 考慮到這一點，在您的視頻中加入字幕可能會增加您的觀看次數，因為它們更容易被觀看。

6. 測試網站的可訪問性

設計一個可訪問的網站是一回事，而作為依賴輔助功能的人來瀏覽它又是另一回事。 測試網站的可訪問性對於確保該網站真正適合殘障人士至關重要。 這不僅可以保護您的客戶免受網站可訪問性訴訟的侵害，還可以防止他們無意中將殘疾客戶排除在外。

網站可訪問性檢查器是查明客戶網站可訪問性問題的好方法。 EqualWeb 和 AccessiBe 等工具只是眾多可訪問性檢查器中的幾個示例。 這些工具掃描網站並識別合規性問題，然後您可以修復這些問題以確保網站符合 ADA 標準。

不同的可訪問性檢查器使用不同的合規性標準作為其掃描的基礎，因此請確保您選擇一個掃描 ADA 和 WCAG 2.1 合規性的工具。 否則，檢查器可能無法捕獲您需要考慮的所有可訪問性問題。

經常問的問題

什麼是無障礙訴訟？

網站可訪問性訴訟是針對網站所有者的訴訟，該網站所有者的網站未能遵守 ADA 關於網絡可訪問性的指南。 也就是說，如果殘疾人無法訪問其網站，則可以起訴企業或個人。

最大的無障礙訴訟是什麼？

迄今為止最大的無障礙訴訟是全國盲人聯合會訴 Target Corporation。 該訴訟於 2018 年以 600 萬美元和解。