QQ:在線客服

24小時客服:0531-55587968   15069066861 建站流程

NEWS建網站知識

濟南建網站知識,網站建設技術靈魂總結
Website news, Technical summary of soul

確保您的網站建設符合ADA規范!

點擊次數:更新時間:2020-01-15 12:01:59【打印】【關閉】

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

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

什么是ADA?

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

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

 

ADA調整大小

根據該法案,該法律的目的是“確保殘疾人與其他所有人享有同樣的權利和機會。”

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

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

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

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

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

美國司法部(DOJ)經常引用并引用WCAG的建議作為公共網站Web內容標準的指南。司法部實質上監督和管理ADA要求。

2018年1月,新的聯邦法規生效。這意味著所有聯邦機構的網站都必須符合WCAG 2.0中所有項目的AA法規。

 

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

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

可感知的

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

可操作

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

可以理解的

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

強大的

包含準則以確保網站的代碼遵循當前的網絡標準。

誰需要合規?

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

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

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

符合A級標準

AA級合規

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

如何使所有人都能訪問網站

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

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

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

根據ADA,以下是一些改善網站的方法:

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

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

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

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

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

我們經驗豐富的開發人員,質量檢查測試人員和項目經理團隊通過用戶友好的工具幫助改造了網站,使殘障人士可以更輕松地訪問內容。

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

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

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

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

看一下我們從項目經理到網站質量檢查的流程:

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

Web開發人員在任務列表上工作,并與PM保持持續通信。

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

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

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

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

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

 

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

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

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

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

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

調整顏色和調整大小

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

導航調整大小

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

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

 

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

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

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

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

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

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

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

其他選項 –我們為用戶提供以下選項:更改光標顏色和大小,使用打印模式,啟用虛擬鍵盤等等。

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

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

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

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

如何預防訴訟

針對數家企業和政府網站違反ADA準則的訴訟數量有所增加。

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

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

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

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

幫助檢查可訪問性的資源

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

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

 

濟南網站建設成功案例更多
底部線條

7x24小時服務熱線:0531-55587968   15069066861   網站建設博客

云南十一选五走势图 七乐彩可以网上买吗 秒速快3开奖 中国福利彩票注册 华东六省15选5开奖信息 股票股市分析 重庆百变王牌最新走势图百宝彩 宁夏11选5专家推荐号 江苏快三玩法技巧规律 内蒙古快3和值 江西多乐彩时时开奖