ADA 合規性清單：11 個必備的可訪問功能
已發表: 2022-03-23朱迪在看到廣告並對您的一種產品感興趣後訪問了您的網站。 她在您的主頁上看到一個視頻並點擊它。 但是視頻有一個問題：朱迪聽力不好，而且你的視頻沒有字幕。
如果您的網站不遵循美國殘疾人法案 (ADA) 設定的指導方針，您可能會冒著 Judy 等人離開您的網站的風險。 或者更糟糕的是，人們可能會因為您的網站無法訪問而提起訴訟。
但在您開始恐慌之前，請查看我們的 ADA 合規性清單，了解 11 項必備功能，以確保您的網站可訪問。 請繼續閱讀以了解更多信息！
如果您想要更多有用的提示和技巧來提供最佳用戶體驗，請訂閱我們的電子郵件通訊，收入周刊！
如需更多數字營銷建議，請訂閱超過190,000名其他營銷人員信任的電子郵件： 《收入周刊》。
立即註冊！
符合 ADA 意味著什麼？
當您聽到“符合 ADA 標準”時，這是什麼意思？
ADA 合規性基於《美國殘疾人法案》 (ADA)，該法案規定所有公共場所都應可供殘障人士使用。 這意味著無論某人是否有視力障礙、身體殘疾或有其他殘疾，他們都需要住宿才能進入同一空間。
這些住宿延伸到互聯網，因為互聯網被認為是一個公共空間。 因此，您需要創建一個網站，讓各種殘障人士能夠輕鬆訪問您的網站。
不遵守 ADA 合規性會產生許多後果，從客戶流失到法律問題。
ADA 合規性清單：11 項檢查清單
為幫助確保您擁有一個合規的網站，請查看我們的網站 ADA 合規清單，了解如何讓所有人都能訪問您的網站！
1. 遵循 Web 內容可訪問性指南 (WCAG)
在此 ADA 合規性網站清單上，首先要遵循 Web 內容可訪問性指南 (WCAG)。 WCAG 制定了指導方針，使企業能夠創建更易於訪問的 Web 內容。 遵循這些準則是提供積極且實用的網站的一個很好的起點。
WCAG有四個核心要素：
- 可感知性：您網站上的信息是否易於感知？ 如果很難在您的網站上看到信息或看到信息的清晰佈局，您需要調整您的網站以清晰地呈現信息。
- 可操作：您的網站是否易於人們使用和功能？ 如果您的網站佈局混亂或導航難以使用，您將不符合 WCAG 指南。 您需要重新優化您的網站，以確保人們可以輕鬆找到信息。
- 易理解：您網站的界面是否易於理解？ 如果您的導航很複雜，或者您必須執行多個步驟才能完成一項任務，那麼最終可能會變得難以理解。 您想讓網站流程簡單易懂。
- 健壯：您的網站是否適用於所有瀏覽器和輔助程序？ 如果您希望您的網站符合 ADA 標準，則需要確保它與輔助程序（如屏幕閱讀器）兼容。
如果您遵循 WCAG 指南，您將讓您的網站走上符合 ADA 標準的快車道。
2.添加圖片替代文字
接下來我們的 ADA 合規性清單是添加圖像替代文本。 圖片替代文字是您添加到圖片後端的文字，用於描述照片中的內容。 此文本對所有用戶都至關重要。
如果圖片未在您的網站上加載，則會顯示您的替代文字。 此替代文本有助於告訴用戶圖像是什麼，因此他們可以看到它如何應用於頁面的上下文。
對於殘障用戶，替代文本對於了解您網站上的內容至關重要。 如果某人有視力障礙，他們將看不到您網站上的圖像。 您的替代文字為他們提供了上下文，以了解您網站上的視覺效果。
當您向圖像添加替代文字時，請確保它描述了圖片中的內容。 以下是向圖像添加替代文本的一些有用提示：
- 如果相關，請使用您的目標關鍵字，但不要用關鍵字過度填充您的標籤
- 不要讓它太簡單——說“帽子”而不是“坐在黑色桌子上的紅色棒球帽”。
- 不要使用短語“圖像”來描述您的照片 - 只需進入描述！
3.為視頻內容添加字幕
檢查您的 ADA 合規性清單的下一個項目是為您的視頻內容添加字幕。 隱藏式字幕是讓殘障人士可以訪問您網站上的視頻的好方法。
為您的視頻啟用隱藏式字幕可以讓聽障人士順利參與您的視頻內容。 這是使您的內容易於消化和可供所有人訪問的好方法！
4. 不要使用快速閃爍的燈光或顏色
當您設計您的網站時，您正在尋找一種讓您的企業在競爭中脫穎而出的方法。 您可以嘗試添加一些風格，例如閃爍的彈出窗口，以使您的網站脫穎而出。 雖然讓您的網站煥然一新可能很有趣，但它不符合 ADA 標準。
為了符合 ADA 合規性，您需要刪除任何快速閃爍或改變顏色的元素。 這些元素可能對癲癇網站訪問者有害，因此最好完全刪除這些元素。
5.去除空頭標籤
此 ADA 合規性網站清單的下一步是刪除空標題標籤。 標題標籤在幫助用戶理解頁面結構方面起著至關重要的作用。 它們創建信息層次結構，以幫助用戶了解信息在您的頁面上的組織方式。
那麼，為什麼標題標籤為空有什麼關係呢？
視障讀者無法瀏覽您的內容並了解其結構。 沒有視力障礙的人不會看到空的標題標籤——它只是一個空白區域。 對於視障讀者來說，體驗是不一樣的。
由於視障閱讀器依賴於屏幕閱讀器，他們會聽到程序說存在標題，但由於它是空的，它不會讀取它的內容。 結果，由於頁眉為空，讀者將無法理解頁面的組織結構。
為確保您為所有人創造平等的體驗，請刪除任何空標題標籤或向其添加文本（如果適用）。
6.注意你的顏色對比
檢查您的網站符合 ADA 標準的清單的另一個項目是檢查您的顏色對比度。 雖然顏色對比似乎沒什麼大不了的，但它會影響殘障人士。
對於視力受損或色盲的人來說，特定的顏色對比可能很難看，甚至很難看。 例如，患有 Protan 色盲（看不到紅色）的人會將您的紅色和黃色網站視為一種顏色。
那麼，這是否意味著您必須更改整個網站和配色方案？ 不，這確實意味著您需要更加註意顏色對比以及如何在網站上區分顏色。 你可以做一些簡單的事情，比如使用白色來分解你的顏色並創造對比。
此外，您還想考慮如何使用顏色來定義網站上的元素。
因此，例如，如果您有一篇關於注意事項和注意事項的文章，並使用紅色和綠色來表示好與壞，您可能需要重新考慮它。 您可能希望添加複選標記和 x 標記等符號來定義注意事項，而不是僅僅依靠顏色。
7. 為您的時間限制添加通知
要添加到您的網站 ADA 兼容清單的另一項是向您網站上的任何時間限制添加通知。 無論是索取報價還是完成結帳，您都可以對網站上的流程設置時間限制，以鼓勵人們更快地完成操作。
如果您實施此策略，您需要讓訪問您網站的其他人可以訪問它。 您需要確保在時間不多時添加通知，以便那些使用屏幕閱讀器的人會收到通知，告知他們時間不多了。
8. 合理組織您的網站
要添加到您的 ADA 合規性清單中的另一項是按邏輯組織您的網站。 這個提示可能看起來很明顯，但它對幫助殘障人士導航和了解您網站上的內容具有重大影響。
對於您網站上的任何用戶，您希望確保他們可以輕鬆瀏覽您的網站並找到他們需要的信息。 這意味著為您的受眾創建一個有組織的導航和邏輯頁面結構。
創建導航時，請確保以便於人們瀏覽的方式組織它。 創建類別和子類別以幫助您的導航具有結構。
在您的網站上創建頁面時，請確保您具有信息的邏輯層次結構。 使用 H1、H2 等來幫助組織您的信息。 它使使用屏幕閱讀器的人更容易關注您的內容。
9. 確保您的網站可以使用鍵盤導航
我們的 ADA 合規性清單上的下一步是確保您的網站可以使用鍵盤導航。 許多有聽力和視力障礙以及行動不便的人將依靠他們的鍵盤而不是鼠標來瀏覽網站。
要提供相同質量的體驗，您必須確保人們可以使用鍵盤輕鬆瀏覽您的網站。
您可以通過訪問您的網站並使用以下鍵來移動來測試您的鍵盤功能：
- 向上和向下箭頭
- 標籤
- Shift + Tab
- 空間
- 進入
如果您可以使用這些鍵輕鬆訪問網站的不同元素，那麼您的網站就很好！ 如果沒有，您需要進行調整以使其對鍵盤更友好。
10.使用正確的字體
另一個要添加到 ADA 合規性清單的項目是使用正確的字體。 這個提示不僅僅適用於 ADA——擁有正確的字體可以成就或破壞您的網站。
您不想使用難以閱讀的字體。 一些視障訪問者仍然可以從網站上閱讀信息，但只需將字體放大即可。 如果您的字體過於花哨，這些用戶將很難閱讀您的頁面。
通常，您需要避免使用您看到的任何“花哨”字體選項或草書字體（謹慎使用草書）。 使用清晰易讀的字體。
11. 使用 ARIA 標籤
此 ADA 合規性檢查表的最後一項是使用可訪問的富 Internet 應用程序 (ARIA)。 ARIA 標籤可幫助殘障人士了解您網站上的不同元素。
例如，如果您有一個彈出框，在角落裡有一個 X 來關閉它，那麼殘障人士可能無法理解該 X 的含義。 ARIA 標籤使您能夠為功能添加上下文，因此人們可以理解該標籤的含義並輕鬆使用您的網站。
將 ARIA 標籤視為標記未標記的元素，如符號。 它有助於提供更多上下文，使您的網站更易於導航和使用。
需要幫助檢查您的 ADA 合規性清單上的項目？
在使您的網站可供所有人訪問時，您的 ADA 合規性網站清單中有很多內容需要檢查。 如果您感到不知所措或不確定從哪裡開始，WebFX 可以提供幫助。 憑藉超過 25 年的網頁設計和開發經驗，我們知道構建符合 ADA 標準的網站需要什麼。
通過我們的 ADA 合規服務，我們將幫助您優化您的網站，以確保其符合 ADA 標準。 我們將幫助您為所有網站訪問者提供出色的體驗。
要開始使用，請在線聯繫我們或立即致電888-601-5359與我們聯繫，與戰略家交談！