初學者的ADA網站可訪問性合規指南

ADA無障礙訴訟與相關法律

有時候,第一個指示網站無法使用的跡像是一封由律師事務所代表無法使用該網站的原告寄來的投訴信。如果你對網站可達性還不太瞭解,那麼未提供可達性網站所產生的法律後果就非常重要。美國殘障人士權利法(ADA)在3</a>0年前首次成立時並沒有將「網站」作為第三條款公共場所的形式之一。<br/><br/>它只適用於實體建築物。然而,508條款則包括政府網站以及任何與聯邦政府通過其服務或產品銷售相關聯的企業。大學就是其中一個例子,因為他們提供聯邦學生貸款,根據法律規定,他們必須提供可達性網站。<br/><br/> 如今,在美國我們追蹤了更多案件後,「公共場所」的定義被某些州法院解釋為包括網站和應用程式。加利福尼亞州新制定的《加利福尼亞消費者隱私法》(CCPA)在2020年7月1日起開始對網站可達性和使任何隱私政策可達性的規定進行執行。 「檢察長預計在2020年7月1日開始執行CCPA,並可能對每次違反處以高達7500美元的罰款。<br/><br/>雖然尚未確定如何</a>計算此處罰的違規情況,但可以推測,如果一家公司未能使通知及隱私政策變得可達,這可能會產生多達15000美元的罰款。」-來源 請閱讀由檢察長發布的完整CCPA指示PDF。如果您的業務或服務面向全球市場,您有責任瞭解國外的可達性要求和相關法規。<br/><br/>每個國家、州和省都有自己的指南和規定。可達性覆蓋層和小工具</a>外掛程式不能防止ADA訴訟。事實上,它們通常會吸引訴訟,因為它們廣告宣稱該網站是不可用的,而且如果用戶想要使用該網站,他們必須使用覆蓋層進行所需的調整。<br/><br/> 「大約有100家公司在投資小工具</a>或覆蓋層後收到了訴訟,一些訴訟甚至將小工具</a>功能列為額外負擔。」-2020年中期ADA網站和應用程式可達性訴訟報告 包容性設計可以讓各種不同背景的人都能夠使用產品、服務和環境。

ada網站無障礙合規指南的執行可能被視為繁瑣和不必要的流程

有一些基本的可讀性技巧傳統上支援SEO</a>,例如alt文本、標題標籤</a>和一致的資訊架構。然而,專注於移動設計忽視了一大群因殘疾而無法或困難地使用移動設備的人。許多殘疾人士可能從不使用移動設備,而是通過可能更老舊或根據他們特殊需求進行配置的計算機來使用互聯網。<br/><br/>他們所使用的輔助技術在移動設備上可能無法使用。蘋果和安卓都有針對移動操作系統的可讀性設置並致力於不斷改進。穀歌的核心網頁指標</a>考慮了頁面體驗的三個方面:加載速度、交互性和視覺穩定性。<br/><br/>如果兩個頁面在同一主題上具有相等出色的內容</a>,但其中一個頁面在移動設備上具有更好的頁面體驗並因此排名更高,則用戶體驗</a>可能會受到影響而無法接觸。提升可讀性和可用性以促進轉換的改進支援包容設計,有助於長期的數字營銷工作。

什麼是WCAG遵從性?

世界廣泛網絡聯盟(W3</a>C)的網頁內容</a>無障礙性指南(WCAG 2.1)是推薦的準則,而非法規或法律。W3</a>C及其合作夥伴致力於使技術適用於每個人,提供幫助。WCAG指南和說明可在線免費</a>使用,並經常更新。<br/><br/>WCAG 3</a>.0(稱為「Silver」)正在逐步完善中。「使內容</a>對認知和學習</a>障礙的人更易使用」於7月17日發布。

可存取內容必須符合四大原則

WCAG 2.1是一份關於網頁可訪問性</a>的指南,它包含四個主要原則:感知性、操作性、理解性和穩健性。這些指南有三個遵從等級:A級、AA級和AAA級。在2018年,WCAG 2.0被更新為WCAG 2.1,引入了17個新的成功標準,以應對低視力、認知能力和移動用戶的問題。<br/><br/> 這些可訪問性指南適用於軟件應用程式、操作系統和瀏覽器。例如,Firefox瀏覽器預設具有虛線邊框焦點狀態(但對於許多視力受損的用戶來說難以看見),這是可訪問性設計師增強的部分。開發人員使用JavaScript、CSS、HTML</a>5和ARIA(Accessible Rich Internet Applications)等技術來符合WCAG指南。<br/><br/>

建立無障礙網站的起始步驟

基本的可達性準則始於視覺用戶介面。這通常是最容易先解決的部分。透過添加ARIA所需的指示,高級可達性開發可以幫助螢幕閱讀器和輔助技術理解內容</a>。<br/><br/>WordPress開發人員不斷更新WordPress核心以實現可達性。這包括新的Gutenberg編輯器。雖然有一些WordPress可達性主題,但除非網站擁有者瞭解WCAG,否則可達性部分很容易被破壞。<br/><br/>協力廠商外掛程式和購物車並不總是具有可訪問性或易於修改以符合相關標準。許多公司正競相提供改善範本、自定義和編輯流程的服務,以使可達性增強更加容易實現。食譜網站主題開發者Feast針對其客戶創建了Feast外掛程式,該外掛程式通過推薦設計決策來幫助他們滿足SEO</a>和可訪問性要求。<br/><br/>這使企業能夠專注於內容</a>和市場推廣</a>,並使用經過自定義以符合可達性準則的主題。 ′食譜網站正在意識到可達性不僅僅涉及殘障訪客,它還有助於改善所有訪客的用戶體驗</a>。更好的用戶體驗</a>意味著整體跳出率降低、停留時間</a>增加和頁面加載速度</a>更快。<br/><br/>這最終將轉化為更好的有機排名,並吸引更多人嘗試他們的食譜。如果我們可以通過Feast外掛程式將他們的“可達性待辦事項”從40項減少到20項,他們就能節省大量冗長的技術工作時間,而我們可以在成千上萬個網站上推廣</a>它。” - Feast

基本的無障礙檢查清單

無障礙設計</a>永遠不會完成。就像SEO</a>一樣,你永遠不能停下來並認為你已經做到了一切。重要的是始終測試任何新的設計變更並不斷學習</a>WCAG更新。<br/><br/>以下是WCAG2.1的建議,是一個很好的起點。

可存取文件和鍵盤Tab導覽

鍵盤導航是在沒有滑鼠的情況下使用的。重要的是,連結必須包含焦點狀態並遵循 DOM 的閱讀順序。你可以通過按 Tab 鍵來自己嘗試使用鍵盤進行導航。<br/><br/>每次按 Tab 都應該帶您到一個具有焦點狀態(例如邊框或帶背景顏色)的連結上。PDF 文檔、PowerPoint 和 Word 文檔都必須是可訪問的。在創建文檔時,請查找如何</a>在設置中保存為可訪問文檔的方法。<br/><br/>

一份無障礙聲明能否防止ADA訴訟?

為了避免可能的網站ADA無障礙訴訟,唯一的方法是建立符合WCAG2.1 A + AA指南的網站。無障礙聲明是一份類似於您的隱私政策和條款與條件的政策聲明。它包含有關已測試項目和符合指南程度的資訊。<br/><br/>它還可以包含未測試項目的資訊,以及免責聲明,表示您對協力廠商外掛程式或應用程式(如購物車)的無障礙性不承擔責任。(但您應試圖瞭解它們的可訪問性情況。)最後,在出現阻止某人執行任務或在網站上遇到困難時,提供一種聯絡您的方式。<br/><br/>無障礙聲明並不能保證免於ADA訴訟。如果對設計進行更改且未進行測試,則它可能無效。 有效無障礙聲明核心要素清單</a>

相關數據:

• 69% of websites in the us are not fully accessible to people with disabilities. 來源: webaim
• 76% of global websites do not meet the wcag 2.1 accessibility standards. 來源: webaim
• 68% of websites in the uk are not fully accessible to people with disabilities. 來源: government digital service
• 63% of websites in japan do not meet basic accessibility guidelines. 來源: diamond online
• 56% of websites in france do not comply with the national legal requirements for accessibility. 來源: association braillenet

我可以使用自動化的無障礙測試軟體嗎?

自動無障礙性測試軟體通常只能找出大約25%的問題。由於大部分的無障礙性測試都需要手動進行,因此聘請一位無障礙性專家進行審計是不可替代的。如果您收到ADA投訴信函,法院可能只會接受經過認證的無障礙性專家進行的專業測試和驗證,以代表您辯護。<br/><br/>