什麼是網站符合 ADA 的初學者指南?

已發表: 2021-06-23
幫助您選擇最適合您業務的電子商務平台的完整指南
2022 年提高 WordPress 安全性的 24 大技巧
如何聘請 Web 開發人員? 僱用最好的人的詳細指南。

內容索引

  • 網站 ADA 合規性介紹
  • 了解基礎 - 什麼是 ADA 合規性?
  • 誰應該遵守 ADA 合規性?
  • 為什麼要關注 ADA 合規網站?
  • 使您的網站符合 ADA 的提示和技巧
    • 1. 處理令人愉悅的對比度
    • 2.不要玩太多顏色
    • 3.製作可讀的表格
    • 4. 留出修正空間
    • 5. 提供無鼠標選項
    • 6. 輕鬆導航
    • 7.尋找有意義的標題
    • 8.響應式網站設計
    • 9. 消費媒體的選項
    • 10. 更好的用戶控制
  • 關於網站上 ADA 合規性的結論

網站 ADA 合規性介紹

美國殘疾人法案是在網絡時代之前設計的,其設計者有意將其設計為不斷發展。 “場所或公共場所”的概念可能是法律的核心要素,也是其靈活性的一個理想例子。 隨著技術的發展,我們今天發現網站和移動應用程序是購買、學習、分享和聯繫的重要場所,因此受到 ADA 的保護。 但許多人不清楚具體的標準和要求或什麼是符合 ADA 的網站。

網站 ADA 合規性的通過帶來了一個替代法律行業,該行業使用法院系統對企業負責。 其中許多法律行為是合法的。 早期的法律非常複雜,律師很容易賺錢。 如今,這種情況越來越普遍,因為指控網站或移動應用程序或網站違反 ADA 的法律訴訟已席捲美國以及世界各地。

事實是,這些案件有其優點。 在過去的兩年裡,猶他州殘疾人中間的 WebAIM 項目已經對數百萬個頂級網站的主頁進行了可訪問性測試。 2020 年報告顯示,98.1% 的主頁存在可檢測到的 WCAG 2 故障或沒有 ADA 合規性網站。 事實是,除非網站是專門設計和構建的,以實現可訪問性,否則它就不是 ADA 合規性網站設計,因此人們越來越意識到數字可訪問性是一項公民權利,這給網站所有者帶來了更大的壓力。這些問題,或面臨法律訴訟。 雖然網站所有者自願在網站上進行 ada 合規性可能會很好。

ADA 合規性網站設計除了幫助您避免任何法律訴訟外,還為企業帶來了許多好處。 ADA 合規網站在許多方面為您的用戶提供熱情款待。 讓我們看看網站上 ADA 合規性的這些好處。

  • 美國殘疾人法案 (ADA) 要求某些企業為殘疾人提供便利。該網頁應該可供盲人、聾人以及必須通過語音、屏幕閱讀器或其他輔助技術導航的人訪問。

  • 屬於第一類的企業,每年經營 20 週或更多周且至少有 15 名全職員工的人; 或標題 III,屬於“公共場所”類別的人屬於 ADA 的範圍。

  • 未能建立符合 ADA 標準的網站可能會引發訴訟、財務責任並損害其品牌聲譽。

但是,如果您只是問網站的 ada 合規性是什麼,它看起來特別像什麼嗎? 好吧,在這種情況下,答案是否定的,因為沒有明確的規定,但簡單來說,您的網站應該是可以合理訪問的,並且有很多方法可以實現它。

了解基礎 - 什麼是 ADA 合規性?

1990 年通過的 ADA 禁止歧視殘疾人,確保他們需要與非殘疾人同等的權利和機會。 該法案涵蓋所有部門,從工作和學校到交通運輸和歡迎公眾的公共/私人場所。

2010 年,美國司法部通過了《美國殘疾人法案無障礙設計標準》,規定所有電子和知識技術(如網站)都可供視力障礙和耳聾等殘疾人使用

當您閱讀什麼是 ada 合規性網站時,您可能會多次遇到一個常見的術語,那就是 WCAG。 讓我們快速了解這個術語的基礎知識。 WCAG 代表 Web 內容可訪問性指南。

誰應該遵守 ADA 合規性?

首先要了解 ADA 是哪些企業需要遵守它。

根據 ADA 的標題 I ,任何擁有至少 15 名全職員工且每年運營 20 週或更長時間的企業均受法律保護。

根據標題 III ,屬於“公共住宿”類別的企業,如酒店、銀行和公共交通,也必須遵守。這意味著法律的所有內容都適用,從物理考慮到數字住宿。

如果您的企業屬於 ADA 的 Title I 或 Title III,並且您認為自己不合規,請諮詢殘疾律師以探索您的選擇。

為什麼要關注 ADA 合規網站?

網站 ADA 合規性有時可能具有挑戰性,這可能會導致資源流失,尤其是對於法律不要求遵守的企業而言。 改造您的網站需要時間和精力,以及大量資金。 但是有什麼好處嗎? 肯定有; 讓我們來看看這些好處:

這是一個法律問題!

無法訪問的網站肯定會減少訪問您網站的人數。 幾乎 19% 的人口是大量被排除在外的人,而無需考慮網站的 ada 合規性!

最嚴重的財務破壞性後果之一是被起訴的風險。 其他幾個品牌在被起訴後不得不花費數千美元來修復他們的網站——這還不包括代表的價值、支出和來自公眾心煩意亂的收入損失。

增加您網站的每日流量

美國有近 5000 萬人患有殘疾,許多人使用輔助技術來訪問在線內容。 擁有一個所有人都可以訪問和體驗的互聯網站點會增加您的潛在受眾。 通過替代文本、字幕、鍵盤可訪問的頁面和其他更改,您的產品和服務變得對這些受眾好客。 如果有人無法訪問您的在線平台,他們就無法進行銷售。 因此,從商業角度來看,可訪問性意味著更多的潛在利潤。

ADA合規性網站設計有助於品牌建設

品牌是您業務的生計,因為人們愛上了品牌,而不僅僅是產品或服務。 良好的品牌塑造讓我們一次又一次地回到同等公司——即使它們不是最具成本效益的選擇。 那些在實現可訪問性方面付出更多努力的品牌,即使他們沒有被要求,也向他們的觀眾展示他們關心人,而不僅僅是利潤。 對您的受眾的承諾會說明您的品牌以及您作為公司所持有的價值觀,這可能有助於加強與客戶的聯繫。

ADA 合規性網站設計增加了 SEO 的好處

誰不想看到他們的網站在搜索引擎的頂部排名! 好吧,網站上的 ADA 合規性肯定會改變遊戲規則,因為它可以讓您的網站吸引更多流量。 您瞄準一個並免費獲得另一個好處!

這是因為合規性支持對 SEO 友好的組件,例如圖像的替代文本、視頻和音頻的副本、正確的標題標籤以及一致且可預測的結構。 您的替代文本越準確和描述性越強,它對屏幕閱讀器和搜索引擎的效果就越好。 成績單使搜索引擎信息滾動,這意味著他們需要更多的關鍵字來計算。 同樣,您的標題越精確,搜索引擎和其他人的排名就越高。 可訪問性不僅有利於您的底線,還有助於增加流量。

使您的網站符合 ADA 的提示和技巧

什麼是網站的 ADA 合規性? 如何實現網站 ADA 合規性? 讓我們為這些問題找到一些快速解決方案,這些問題可以從整體上為您的業務和增長增加網站開發:

1. 處理令人愉悅的對比度

WCAG 2.0 建議對比度至少為 4.5:1。 對於視障人士來說,閱讀沒有對比背景、純背景甚至文本嵌入圖像中的文本變得具有挑戰性。 例如,當我們觀看帶字幕的電影時,它們會在沒有預料到場景的情況下出現,因此有時會變得難以閱讀。 例如,如果文本出現在明亮的場景前,它就會變得不可讀,觀眾就會不知道對話。

為了避免這種混淆,需要在背景和文本之間具有適當的對比度。

2.不要玩太多顏色

你能讀懂這個詞嗎? 好吧,不是我們每個人都能做到!

好吧,顏色對您的網站有好處,但明智地使用它們同樣重要。 好吧,那些不能辨別顏色的人可能無法按照說明進行操作,如果說明是基於某些顏色或顏色代碼的。 顏色限制設計不是 ADA 合規網站。 換句話說,不可能以顏色的形式提供足夠的信息,當我們談論什麼是網站的 ada 合規性時,它被認為不夠可訪問。 因此,要尋找符合 ADA 的網站的答案,需要超越顏色並使用可訪問的符合 ADA 的網站設計策略來幫助用戶識別網站元素。

3.製作可讀的表格

一個好的網站的目的是通過讓他們填寫查詢表格來進行銷售。

這不是一個很好的表單示例,所有表單字段的描述性標籤都不清楚。

而是在此圖像中,字段清晰易讀。 放置在表單域中的標籤很難閱讀,屏幕閱讀器可能會在填寫表單時錯過它們。 在大多數情況下,有認知障礙的用戶可能會忘記表單域的意圖。

4. 留出修正空間

人非聖賢孰能! 我們都會犯錯,我們的用戶也是如此。 從用戶的角度來看,當他們在與您的網站交互時出錯時,如果沒有改進的餘地,就會變得令人沮喪。 網站上需要有一條規定,以確保用戶可以在需要時在網站上更正錯誤和遺漏。 此外,需要通過一些信息、符號和顏色來警告此類錯誤,但請記住不要只用顏色。 這些錯誤可能是錯誤輸入的電子郵件地址,也可能是用戶輸入的不完整。 為了顯示不完整的字段,可以使用星號,以便用戶知道這些字段是必須填寫的。 除此之外,重要的是幫助用戶在錯誤位置獲得所需的反饋。 填寫這些字段的說明應該是明確的,這樣錯誤不僅會得到糾正,而且不會一次又一次地犯錯。 這有助於與訪問者建立有價值的聯繫並將他們轉化為銷售,或者引導他們以某種形式進行互動,比如評論、訂閱時事通訊等等。

5. 提供無鼠標選項

許多人可能不知道除了鼠標之外,鍵盤還提供網頁導航選項。 為了使您的用戶可以輕鬆訪問鍵盤導航,鏈接必須以某種不同的顏色和激活狀態的設計變化來表示:鼠標懸停、鍵盤焦點樣式以及觸摸或單擊樣式。 使用鍵盤 Tab 鍵,用戶快速識別哪個鏈接處於活動狀態以及在採取特定操作時鏈接發生的情況非常重要。 在用戶移動受限的情況下,鍵盤導航可能非常有用。 一些行動不便的此類用戶可能是中風患者。 除了任何健康情況外,還可能存在其他問題,例如出院的鼠標或任何其他類似情況。 這些情況需要鍵盤導航。

6. 輕鬆導航

無論是在公路旅行中,還是在機場四處走動時,無論是關於方向、限速、警告,甚至是停車,始終如一的指示牌都能幫助我們。 如果沒有這樣的指南,我們可能找不到任何可以訪問的旅程。 網站導航也是如此,從一個部分到達另一個部分,可以有多種導航方式。 但是,有些方法可能比其他方法更容易且耗時更少。 還有一致導航的作用和必要性,例如站點搜索和站點地圖,以確保您的標籤、樣式和位置是一致的。 當涉及到符合 ada 標準的網站導航時,清晰的標題和麵包屑是其他一些重要的幫助或指南。 對於有任何認知或神經挑戰的用戶,這些一致的設計元素可以避免他們迷失或沮喪,並在增強他們的用戶體驗方面發揮重要作用。

7.尋找有意義的標題

良好的設計會引導用戶的眼睛確認您的數據層次結構。 幫助他們了解標題與您的文本、圖形和圖片之間的聯繫。 考慮到患有 ADHD 等認知狀況的用戶可能難以瀏覽未清晰直接呈現的內容。 除此之外,許多用戶時間緊迫,並且可以盡快放棄嘗試解決任何呈現不佳的內容。 對標題樣式、空白和元素位置的專業使用減​​少了混亂,使內容更易於訪問。 轉化為美元的大量時間和精力用於創建內容。 高效的設計使您的客戶更容易閱讀並根據您的寶貴信息採取行動。

8.響應式網站設計

移動優化的內容和網站受到 Google 的高度重視; 但是,這並不意味著您不需要關注您的桌面或其他平台。 對於移動設備或其他設備等狹窄視圖,主要內容應構造為一列或兩列,次要內容可以通過圖標和鏈接呈現。 相反,桌面提供了通過鏈接和可見導航在多列中呈現信息的機會。 需要優化此視圖中的文本行寬和字體大小以獲得最大的可讀性。 有認知或視覺障礙的用戶可能無法完成對一長串正文的跟踪。 有了對什麼是符合 ADA 標準的網站的了解,這些簡單的響應式網站設計可以清晰快速地傳達信息以幫助用戶。

9. 消費媒體的選項

當我們談論什麼是 ADA 合規網站時,對於許多用戶來說,內容可以採用多種格式。 它有助於各種殘障人士平等獲取信息。 例如,複雜圖形的音頻和文本版本的轉錄有助於使內容對有聽力或視力障礙的用戶更具吸引力。 如果您已經在致力於內容多樣性,那就太好了! 但是,如果沒有,請務必了解需要關注的方式和內容。 此外,通過向用戶提供一些鏈接,可以更輕鬆地訪問此類內容。 這些鏈接可以是音頻轉錄本、視頻的音頻描述版本,以及復雜設計或表格的標題或文本解釋,這些應該很容易找到等等。

10. 更好的用戶控制

什麼是符合 ADA 標準的網站的答案在於,如果認知受限的用戶無法理解這些令人驚嘆的輪播或圖像滑塊,它們就不夠令人驚嘆。 當涉及到什麼是 ADA 合規性網站或涉及到向用戶提供信息的速度時,視頻上的自動播放功能可能很昂貴但沒有用。 用戶可能需要重新開始視頻,而不是僅僅播放下一個,或者甚至希望再次看到某個部分,為此他們可能會返回、查看或倒帶。 無論該站點是否具有自動播放音頻和視頻或輪播功能,都可以讓用戶控制重播、前進和暫停網頁上的任何媒體。

關於網站上 ADA 合規性的結論

網站 ADA 合規性無疑是大多數企業的待辦事項清單上最重要的任務之一。 這種易於應用的提示和技巧不僅可以幫助您的用戶,而且從長遠來看也對您的業務有意義,無論是通過增加流量還是更好的 SEO 排名。 此外,當您只專注於您的 SEO 時,您可能會滿足大多數 ADA 標準。 現在,您可以簡單地分析您的網站以了解本博客中提到的要點,並列出一個列表,該列表可以為您的數字存在增添更多意義,並使您的網站符合 ADA。 建立一個符合 ADA 標準的網站可能有點挑戰和耗時。 但這將是值得的。

您正在從事 ADA 合規性網站設計嗎? 或者您是否已經擁有符合 ADA 的網站? 您一直面臨哪些挑戰?

讓我們在下面的評論部分進行討論,或者您甚至可以致電或發送電子郵件。 我們的團隊很樂意為您提供幫助!