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

2022-07-01    分類: 網(wǎng)站建設

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

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

什么是ADA?

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

ADA(美國殘疾人法案)是一項民權法,旨在保護殘疾人在公共生活的所有領域免受歧視。1990年成為法律。

ADA調(diào)整大小

根據(jù)該法案,該法律的目的是“確保殘疾人與其他所有人享有同樣的權利和機會?!?/p>

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

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

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

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

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

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

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

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

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

可感知的

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

可操作

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

可以理解的

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

強大的

包含準則以確保網(wǎng)站的代碼遵循當前的網(wǎng)絡標準。

誰需要合規(guī)?

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

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

這是AA和AAA遵從性之間的一般細分:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

調(diào)整顏色和調(diào)整大小

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

導航調(diào)整大小

藍色菜單框還包含并通知用戶底部的三個選項卡:

反饋重新設置聲明

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

該界面的一些其他功能包括我們的絕對Web團隊完成的以下各項:

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

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

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

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

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

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

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

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

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

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

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

如何預防訴訟

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

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

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

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

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

幫助檢查可訪問性的資源

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

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

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

分享名稱:確保您的網(wǎng)站建設符合ADA規(guī)范!
轉(zhuǎn)載來源:http://bm7419.com/news/173517.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站建設

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設計