確保您的網(wǎng)站建設(shè)符合ADA規(guī)范！

作為公司或非營利組織，重要的是要進(jìn)行自我教育，并確保您的濟(jì)南網(wǎng)站建設(shè)符合ADA規(guī)范，并可供所有網(wǎng)站用戶(包括殘障人士和視力障礙者)使用。在本指南中，我們介紹了尚未經(jīng)過ADA優(yōu)化的網(wǎng)站可能遇到的一些常見問題，以及我們自己的Absolute Web案例研究中的一些建議。盡管ADA強調(diào)了身體適應(yīng)性，但還有許多擴(kuò)展的指南和要求，以確保所有用戶都可以訪問網(wǎng)站內(nèi)容。這實質(zhì)上意味著，擁有公共網(wǎng)站或電子商務(wù)網(wǎng)站的某些企業(yè)需要對文本，字體，文本大小或屏幕閱讀器和替代輔助技術(shù)進(jìn)行改進(jìn)。

例如，一個特殊的，可訪問的網(wǎng)站具有信息豐富的UI / UX，諸如文本和視頻之類的用戶友好功能，隱藏式字幕以及替代性修改，以使盲人，聾啞人或經(jīng)常瀏覽內(nèi)容的人更容易訪問內(nèi)容通過語音，屏幕閱讀器或其他輔助技術(shù)或替代技術(shù)。美國商務(wù)部表示，雖然ADA并未具體說明或解決網(wǎng)絡(luò)可訪問性問題，但據(jù)互聯(lián)網(wǎng)可訪問性局稱，該語言仍然足夠廣泛，可以將網(wǎng)站納入您的業(yè)務(wù)活動。

什么是ADA?

《美國殘障人士法案》(ADA)要求某些企業(yè)對殘障人士的網(wǎng)站進(jìn)行必要的更改和改進(jìn)。

ADA(美國殘疾人法案)是一項民權(quán)法，旨在保護(hù)殘疾人在公共生活的所有領(lǐng)域免受歧視。1990年成為法律。

 

根據(jù)該法案，該法律的目的是“確保殘疾人與其他所有人享有同樣的權(quán)利和機(jī)會。”

2010年，美國司法部發(fā)布了擬議規(guī)則制定的預(yù)先通知，指出他們將修改ADA標(biāo)題III中的語言，以確保該規(guī)則也適用于網(wǎng)站可訪問性。

ADA的標(biāo)題I和II超越了使殘疾人可以訪問網(wǎng)站的準(zhǔn)則。

通過以下有關(guān)如何改善網(wǎng)站可訪問性的指南和建議，了解如何使您的網(wǎng)站對所有用戶有用，并更好地理解殘障用戶可能面臨的問題。

Web內(nèi)容可訪問性指南(WCAG)

Web內(nèi)容可訪問性的通用標(biāo)準(zhǔn)稱為“ Web內(nèi)容可訪問性指南”或WCAG。

美國司法部(DOJ)經(jīng)常引用并引用WCAG的建議作為公共網(wǎng)站W(wǎng)eb內(nèi)容標(biāo)準(zhǔn)的指南。司法部實質(zhì)上監(jiān)督和管理ADA要求。

2018年1月，新的聯(lián)邦法規(guī)生效。這意味著所有聯(lián)邦機(jī)構(gòu)的網(wǎng)站都必須符合WCAG 2.0中所有項目的AA法規(guī)。

 

展望未來，請查閱《 Web內(nèi)容可訪問性指南》以檢查您的企業(yè)網(wǎng)站是否符合ADA且可訪問，盡管我們也建議您與創(chuàng)意網(wǎng)站開發(fā)機(jī)構(gòu)一起檢查清單。

要檢查您的網(wǎng)站是否符合要求，可以查看一些Web內(nèi)容可訪問性指南(WCAG)。WCAG 2.0被認(rèn)為是一項技術(shù)標(biāo)準(zhǔn)，可為內(nèi)容提供者提供ADA網(wǎng)站合規(guī)性標(biāo)準(zhǔn)指南和標(biāo)準(zhǔn)，以尋求使用首字母縮略詞POUR已知的方法來測量網(wǎng)站的可用性和可訪問性：

可感知的

您的內(nèi)容容易理解嗎?此標(biāo)準(zhǔn)可幫助內(nèi)容制作者確保其媒體可供所有人使用。創(chuàng)建并幫助用戶輕松瀏覽整個網(wǎng)站中的內(nèi)容非常重要。這包括提供音頻描述和替代文本。

可操作

您的網(wǎng)站是否完全可操作，或者可能會出現(xiàn)故障或其他問題?此元素提供了指導(dǎo)原則，以確保您的網(wǎng)站功能不會對用戶造成問題。了解您的網(wǎng)站是否可操作還意味著了解用戶通過鍵盤或滾動條訪問和與您的網(wǎng)站功能交互的不同方法和方式。

可以理解的

您網(wǎng)站上的內(nèi)容是否易于理解?確保您網(wǎng)站上的文本可讀，并且網(wǎng)頁具有邏輯功能和語言。

強大的

包含準(zhǔn)則以確保網(wǎng)站的代碼遵循當(dāng)前的網(wǎng)絡(luò)標(biāo)準(zhǔn)。

誰需要合規(guī)?

ADA要求企業(yè)和公司向其所有客戶提供對相同服務(wù)(包括網(wǎng)站，應(yīng)用程序和電子媒體)的訪問權(quán)限。達(dá)到AAA級標(biāo)準(zhǔn)是理想的選擇，但大多數(shù)小型企業(yè)通常都接受AA級標(biāo)準(zhǔn)。

此外，ADA適用于所有地方，縣，州和聯(lián)邦政府機(jī)構(gòu);擁有15名或以上員工的私人公司;以及擁有15名或以上雇員的非營利組織，這些組織為大眾謀福利。此外，要求學(xué)校，醫(yī)院和公共機(jī)構(gòu)必須遵守AAA規(guī)范，以充分保護(hù)自己免受訴訟侵害。

這是AA和AAA遵從性之間的一般細(xì)分：

符合A級標(biāo)準(zhǔn)

• A級合規(guī)性包括增強網(wǎng)站可訪問性的基本準(zhǔn)則：
• 媒體播放器應(yīng)包含指向可以下載該軟件的站點的鏈接。
• “跳過導(dǎo)航”功能應(yīng)允許用戶輕松訪問內(nèi)容。
• 應(yīng)將任何輸入的無效信息通知用戶。
• 照片應(yīng)包含可由屏幕閱讀器軟件讀取的替代文本。
• 視頻內(nèi)容應(yīng)具有文字標(biāo)題。
• 視頻/音頻內(nèi)容應(yīng)具有文字記錄或說明。
• 網(wǎng)站的外觀不應(yīng)僅依賴顏色。
• 頁面標(biāo)題應(yīng)徹底描述頁面內(nèi)容。
• 鏈接應(yīng)明確命名。
• 自動播放的音頻可以立即停止。
• 使用“ strong”和“ em”標(biāo)簽代替“ b”和“ i”標(biāo)簽。
• 沒有空鏈接或標(biāo)題標(biāo)簽。
• 標(biāo)題應(yīng)按邏輯順序顯示。
• 任何時間限制都應(yīng)通知用戶。
• 所有頁面的頁眉中都必須具有語言代碼。
• 表單包含可由屏幕閱讀器軟件讀取的標(biāo)簽和圖例。
• 可以禁用自動滾動，閃爍或閃爍的內(nèi)容。
• 網(wǎng)站應(yīng)該沒有頻閃效果或快速閃爍的色彩或動畫。
• 互動元素不應(yīng)影響網(wǎng)頁的可讀性或布局。
• 可以使用鍵盤瀏覽網(wǎng)站。
• 鍵盤焦點不應(yīng)鎖定在任何特定的頁面元素上。
• 網(wǎng)站應(yīng)通過W3C HTML驗證，且無任何重大錯誤。

AA級合規(guī)

與A級相比，AA級更高級，并且是完全符合ADA要求的第二級：

• 網(wǎng)站頁面可以通過多種方式訪問??。
• 可讀元素與背景元素之間的對比度應(yīng)至少為4.5：1。
• 實時視頻和音頻流應(yīng)具有字幕。
• 照片不能替代通過文字可以實現(xiàn)的任何功能。
• 調(diào)整為200%的大小時，文本應(yīng)保持格式且不影響頁面布局。
• 鍵盤焦點應(yīng)始終清晰可見。
• 菜單和按鈕在整個站點中應(yīng)具有一致的順序和外觀。
• 網(wǎng)站應(yīng)沒有帶鏈接的帶下劃線的文字。
• 應(yīng)盡量減少或消除在同一頁面上使用重復(fù)鏈接。
• 每當(dāng)用戶遇到輸入錯誤時，都應(yīng)提供建議。
• 當(dāng)要求用戶提供敏感數(shù)據(jù)時，應(yīng)采用錯誤預(yù)防技術(shù)。
• 使用多種語言的網(wǎng)站應(yīng)在每個頁面的代碼中標(biāo)識語言。

如何使所有人都能訪問網(wǎng)站

ADA已編譯了一個有用的工具包，企業(yè)應(yīng)考慮對其進(jìn)行審核，以確保其網(wǎng)站可訪問。ADA將網(wǎng)站可訪問性考慮并定義為具有以下元素：網(wǎng)頁，網(wǎng)站，Web瀏覽器，html，屏幕閱讀器(說書面文字的計算機(jī)程序)，html標(biāo)簽，“ longdesc”標(biāo)簽，可刷新的盲文顯示以及其他可訪問性功能和可用性。

ADA匯總了某些網(wǎng)站可能會對殘疾人構(gòu)成障礙的一般問題或問題的清單，以及容納和進(jìn)行更改的解決方案：

• 沒有文字等效項的圖像
• 沒有以可訪問的格式發(fā)布的文檔
• 指定顏色和字體大小
• 視頻和其他多媒體缺乏可訪問的功能

重要的是，您的企業(yè)必須確定在訪問網(wǎng)站方面可能存在的其他障礙。如果您的網(wǎng)站當(dāng)前未在優(yōu)化過程中牢記ADA標(biāo)準(zhǔn)，那么制定戰(zhàn)略并制定全面計劃以使您的當(dāng)前Web內(nèi)容可供所有人使用是很重要的。

根據(jù)ADA，以下是一些改善網(wǎng)站的方法：

• 幫助用戶成為用戶體驗的一部分–這包括編寫標(biāo)注，要求用戶輸入有關(guān)如何改善可訪問性的信息。創(chuàng)建一個評論或建議區(qū)域，個人可以在其中發(fā)表自己的想法。
• 讓訪問者知道您正在遵循ADA規(guī)則對當(dāng)前網(wǎng)站進(jìn)行修改和調(diào)整。
• 請記住，如果要更改內(nèi)容，則還必須更改文本和圖像，以匹配“ alt標(biāo)簽”中的新圖像。
• 確保您的員工接受過最新的ADA規(guī)范培訓(xùn)，并且是最新的。讓他們閱讀ADA的“殘疾人士州和地方政府網(wǎng)站的可訪問性”或其他任何與ADA兼容的資源。
• 與可以向您的網(wǎng)站上提供的服務(wù)或內(nèi)容提供反饋的殘疾人權(quán)利組織聯(lián)系。

了解您的網(wǎng)站將需要其他方式來訪問您網(wǎng)站上提供的信息和服務(wù)。

絕對Web + BigCommerce案例研究：卡爾森實驗室

在Absolute Web上，我們已經(jīng)對幾個電子商務(wù)網(wǎng)站進(jìn)行了全面的ADA優(yōu)化。我們最近的合作和ADA優(yōu)化項目案例研究包括營養(yǎng)補品品牌Carlson Labs。

作為BigCommerce的合作伙伴，這個特殊的項目需要許多專心致志的工作，以使我們的絕對Web團(tuán)隊的成員優(yōu)化網(wǎng)站的準(zhǔn)確性和可訪問性：網(wǎng)站開發(fā)人員，質(zhì)量檢查測試人員和項目經(jīng)理。

對于我們的客戶卡爾森，我們通過更新的alt標(biāo)簽，屏幕閱讀器，字體，顏色和大小更改以及針對ADA網(wǎng)站合規(guī)性和優(yōu)化的可訪問性聲明來優(yōu)化網(wǎng)頁。

我們經(jīng)驗豐富的開發(fā)人員，質(zhì)量檢查測試人員和項目經(jīng)理團(tuán)隊通過用戶友好的工具幫助改造了網(wǎng)站，使殘障人士可以更輕松地訪問內(nèi)容。

該團(tuán)隊通過為殘障人士提供調(diào)整網(wǎng)站UI(用戶界面)的選項，并根據(jù)其個人喜好進(jìn)行設(shè)計，確保網(wǎng)站使用了各種更新的技術(shù)來訪問。

該界面選項有助于替代為所有用戶提供相同設(shè)計的傳統(tǒng)方法。對我們來說，進(jìn)行這些重大更改并幫助用戶控制根據(jù)其網(wǎng)站偏好進(jìn)行的調(diào)整以獲得更好的Web內(nèi)容瀏覽體驗非常重要。

在開始該項目之前，我們與客戶進(jìn)行了交流，以捕獲他們的品牌故事，并更好地了解他們希望在其電子商務(wù)網(wǎng)站上進(jìn)行的用戶友好功能和改進(jìn)。

本質(zhì)上，在開始任何項目之前，我們始終將與客戶保持聯(lián)系并通過三個主要步驟幫助他們實現(xiàn)其目標(biāo)作為重點。即使在項目完成很久之后，我們也經(jīng)常簽到，以查看客戶是否對他們所支付的價格感到100%滿意。

看一下我們從項目經(jīng)理到網(wǎng)站質(zhì)量檢查的流程：

項目經(jīng)理(PM)設(shè)置針對不同電子商務(wù)平臺量身定制的任務(wù)列表。

Web開發(fā)人員在任務(wù)列表上工作，并與PM保持持續(xù)通信。

質(zhì)量檢查測試人員會在各種設(shè)備和瀏覽器上瀏覽網(wǎng)站，以檢查更改后的可用性。如有必要，他/她將創(chuàng)建一個附加列表供開發(fā)人員修改或進(jìn)行必要的附加更改。

我們對卡爾森的BigCommerce網(wǎng)站進(jìn)行了幾處改進(jìn)，并創(chuàng)建了一個粗略的“絕對Web待辦事項清單”，以實現(xiàn)與ADA兼容的網(wǎng)站的可訪問性和優(yōu)化。

您可以使用此清單作為思考如何改善自己網(wǎng)站的一般指南，盡管我們建議與我們聯(lián)系以進(jìn)行手動改進(jìn)：

• 確保所有按鈕，鏈接和標(biāo)簽均具有可讀的描述
• 確保鏈接和元素具有可見的焦點樣式
• 確保所有圖像元素都帶有alt標(biāo)簽
• 修復(fù)搜索結(jié)果圖像中缺少的alt標(biāo)簽
• 修復(fù)品牌輪播圖片中缺少的alt標(biāo)簽
• 提供一個跳過鏈接，以允許使用屏幕閱讀器和控件的用戶跳轉(zhuǎn)到頁面的重要部分
• 確保網(wǎng)站可用200%縮放
• 檢查所有主要元素的對比(頁眉/頁腳/鏈接/內(nèi)容)
• 檢查網(wǎng)站是否可以在移動設(shè)備上正常工作并且可以縱向/橫向運行
• 確保鏈接之間有足夠的空間以實現(xiàn)移動可用性
• 向網(wǎng)站添加可訪問性聲明
• 完成所有ADA任務(wù)后，Absolute Web致力于確保正確的渲染。這包括以下任務(wù)：
• 質(zhì)量保證測試UX / UI –跨瀏覽器(Chrome，Edge，Safari，F(xiàn)irefox)
• 跨設(shè)備(移動設(shè)備，平板電腦，臺式機(jī))

乍一看，您會發(fā)現(xiàn)首頁的設(shè)計精巧，其中包含一些營養(yǎng)補品的吸引人的拼貼畫。主頁還包括放大的文字和一個簡短的視頻，上面寫著“卡爾森Omega-3區(qū)別”。單擊視頻后，您會注意到該視頻附帶摘要文本和YouTube隱藏字幕。

進(jìn)一步滾動，您將看到更多文本以及魚的圖形和圖像以及其他圖像，以幫助更好地說明Web內(nèi)容和產(chǎn)品：

 

此外，當(dāng)用戶瀏覽網(wǎng)站的不同部分時，我們在左側(cè)創(chuàng)建了一個灰色的ADA輪椅徽標(biāo)，當(dāng)用戶與內(nèi)容進(jìn)行交互時會彈出該徽標(biāo)。

當(dāng)用戶單擊該圖標(biāo)時，它們將被定向到一個藍(lán)色框，顯示為“輔助功能調(diào)整”。Accessibility Platform由accessiBe驅(qū)動，使用戶有機(jī)會修改或更改文本和字體的大小，以便于閱讀和閱讀。易于導(dǎo)航：

下拉菜單框包含三個主要功能：

內(nèi)容調(diào)整–使用戶有機(jī)會進(jìn)行內(nèi)容調(diào)整，包括字體調(diào)整，可讀字體，強調(diào)和突出顯示標(biāo)題，強調(diào)鏈接以及使用文本放大鏡選項，以及調(diào)整字母間距，行高和調(diào)整段落等其他功能。對準(zhǔn)：

顏色和顯示調(diào)整–允許用戶控制和調(diào)整文本，背景，燈光對比度功能等的顏色：

導(dǎo)航調(diào)整–包括屏幕閱讀器調(diào)整，鍵盤導(dǎo)航，靜音，強調(diào)鼠標(biāo)懸停以及其他一些易于導(dǎo)航的功能：

藍(lán)色菜單框還包含并通知用戶底部的三個選項卡：

• 反饋
• 重新設(shè)置
• 聲明

確保用戶了解公司為改善Web內(nèi)容可訪問性所做的改進(jìn)和更改也很重要。可訪問性聲明強調(diào)了公司在遵守AAAG WCAG 2.1 Web內(nèi)容可訪問性指南的同時，致力于使所有人都能訪問其網(wǎng)站內(nèi)容的承諾：

 

該界面的一些其他功能包括我們的絕對Web團(tuán)隊完成的以下各項：

字體處理 –用戶可以增加或減小其大小，更改其系列(類型)，調(diào)整間距，對齊方式，行高等。

顏色處理 –用戶可以選擇各種顏色對比配置文件，例如亮，暗，反色和單色。此外，用戶可以使用超過7種不同的著色選項來交換標(biāo)題，文本和背景的配色方案。

動畫 –癲癇病患者只需單擊一下按鈕，即可立即停止所有正在運行的動畫。這些動畫包括視頻，GIF和CSS閃爍過渡。

內(nèi)容突出顯示 –用戶可以選擇強調(diào)鏈接和標(biāo)題等重要元素。他們還可以選擇突出顯示焦點或懸停的元素。

音頻靜音 –帶有聽力設(shè)備的用戶可能會由于自動音頻播放而出現(xiàn)頭痛或其他問題。此選項使用戶可以立即使整個網(wǎng)站靜音。

認(rèn)知障礙 –我們利用與Wikipedia和Wiktionary鏈接的搜索引擎，使患有認(rèn)知障礙的人能夠破解短語，縮寫，語等的含義。

其他選項 –我們?yōu)橛脩籼峁┮韵逻x項：更改光標(biāo)顏色和大小，使用打印模式，啟用虛擬鍵盤等等。

Absolute Web還為可訪問性組件部署了AI，例如針對殘障人士的屏幕閱讀器優(yōu)化和鍵盤導(dǎo)航優(yōu)化。有關(guān)詳細(xì)信息，請參見以下內(nèi)容：

屏幕閱讀器優(yōu)化：AI在后臺運行，從上到下學(xué)習(xí)網(wǎng)站的組件，并使用ARIA屬性集為屏幕閱讀器提供有意義的數(shù)據(jù)。例如，它將提供準(zhǔn)確的表單標(biāo)簽：可操作圖標(biāo)的描述(社交媒體圖標(biāo)，搜索圖標(biāo)，購物車圖標(biāo)等);表單輸入的驗證指南;元素角色，例如按鈕，菜單，模式對話框(彈出窗口)等。AI本質(zhì)上會掃描網(wǎng)站的所有圖像，并以ALT(替代文本)標(biāo)簽的形式提供準(zhǔn)確且有意義的基于圖像對象識別的描述。它還將使用OCR(光學(xué)字符識別)技術(shù)提取嵌入在圖像中的文本。屏幕閱讀器用戶在進(jìn)入網(wǎng)站后也會收到自動公告，以開啟調(diào)整功能。

鍵盤導(dǎo)航優(yōu)化： AI會調(diào)整網(wǎng)站的HTML，并使用Javascript代碼添加各種行為，以使網(wǎng)站可以完全通過鍵盤操作。這包括使用TAB和SHIFT + TAB鍵瀏覽整個站點，使用箭頭鍵操作下拉菜單，使用ESC關(guān)閉它們，使用Enter鍵觸發(fā)按鈕和鏈接，使用箭頭鍵在單選和復(fù)選框元素之間導(dǎo)航，填充的功能。使用空格鍵或Enter鍵等等。

我們的團(tuán)隊還致力于卡爾森網(wǎng)站的瀏覽器和輔助技術(shù)兼容性。我們的目標(biāo)是盡可能地支持各種各樣的瀏覽器和輔助技術(shù)，以便用戶可以選擇最適合自己的工具，并盡可能減少限制。

如何預(yù)防訴訟

針對數(shù)家企業(yè)和政府網(wǎng)站違反ADA準(zhǔn)則的訴訟數(shù)量有所增加。

您的組織或企業(yè)可以采取必要的措施來防止此類法律后果，方法是先閱讀法律，熟悉WCAG 2.0的準(zhǔn)則，并使用Internet上的資源和工具來檢查您的網(wǎng)站是否符合ADA。

您可以做的第一件事就是創(chuàng)建一個常規(guī)檢查表，以查看您的網(wǎng)站是否遵守并為殘障人士提供住宿。首先，根據(jù)互聯(lián)網(wǎng)無障礙局的說法，您可以檢查您的網(wǎng)站是否具有“替代文字”，這是WCAG 2.0的要求。替代文字是一個術(shù)語，可以幫助描述視覺障礙者的視覺圖像。

福布斯》(Forbes)報告稱，2018年約有1000宗與網(wǎng)站可訪問性有關(guān)的訴訟。據(jù)《福布斯》報道，一些受到影響的行業(yè)包括電子商務(wù)商店，飯店，消費品公司以及漢堡王和耐克等大型公司。

最重要的是，您不希望受到訴訟的打擊，因為這損害了公司的聲譽，成本高昂，并可能導(dǎo)致客戶流失以及其他不利影響。如有疑問，請聯(lián)系A(chǔ)DA并咨詢創(chuàng)意網(wǎng)站開發(fā)機(jī)構(gòu)。

幫助檢查可訪問性的資源

有幾種資源和網(wǎng)站可以幫助自動化或讓您知道您的網(wǎng)站的可訪問性：

• https://www.boia.org/
• https://www.webaccessibility.com/
• https://dynomapper.com/features/website-accessibility-testing
• http://pauljadam.com/bookmarklets/

雖然自動化工具可以識別簡單問題，但建議進(jìn)行手動測試，以確保滿足ADA網(wǎng)站合規(guī)性的必要要求。我們建議投資開發(fā)人員或數(shù)字合作伙伴，以幫助您了解合規(guī)標(biāo)準(zhǔn)的最新信息。這意味著要制定一個持續(xù)的維護(hù)計劃，以有效地監(jiān)控您的濟(jì)南網(wǎng)站建設(shè)長期保持合規(guī)性。