濟(jì)南建網(wǎng)站知識(shí),網(wǎng)站建設(shè)技術(shù)靈魂總結(jié)
Website news, Technical summary of soul
作為公司或非營利組織,重要的是要進(jìn)行自我教育,并確保您的濟(jì)南網(wǎng)站建設(shè)符合ADA規(guī)范,并可供所有網(wǎng)站用戶(包括殘障人士和視力障礙者)使用。在本指南中,我們介紹了尚未經(jīng)過ADA優(yōu)化的網(wǎng)站可能遇到的一些常見問題,以及我們自己的Absolute Web案例研究中的一些建議。盡管ADA強(qiáng)調(diào)了身體適應(yīng)性,但還有許多擴(kuò)展的指南和要求,以確保所有用戶都可以訪問網(wǎng)站內(nèi)容。這實(shí)質(zhì)上意味著,擁有公共網(wǎng)站或電子商務(wù)網(wǎng)站的某些企業(yè)需要對(duì)文本,字體,文本大小或屏幕閱讀器和替代輔助技術(shù)進(jìn)行改進(jìn)。
例如,一個(gè)特殊的,可訪問的網(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ù)活動(dòng)。
《美國殘障人士法案》(ADA)要求某些企業(yè)對(duì)殘障人士的網(wǎng)站進(jìn)行必要的更改和改進(jìn)。
ADA(美國殘疾人法案)是一項(xiàng)民權(quán)法,旨在保護(hù)殘疾人在公共生活的所有領(lǐng)域免受歧視。1990年成為法律。
根據(jù)該法案,該法律的目的是“確保殘疾人與其他所有人享有同樣的權(quán)利和機(jī)會(huì)。”
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)站對(duì)所有用戶有用,并更好地理解殘障用戶可能面臨的問題。
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)的指南。司法部實(shí)質(zhì)上監(jiān)督和管理ADA要求。
2018年1月,新的聯(lián)邦法規(guī)生效。這意味著所有聯(lián)邦機(jī)構(gòu)的網(wǎng)站都必須符合WCAG 2.0中所有項(xiàng)目的AA法規(guī)。
展望未來,請(qǐng)查閱《 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)為是一項(xiàng)技術(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)建并幫助用戶輕松瀏覽整個(gè)網(wǎng)站中的內(nèi)容非常重要。這包括提供音頻描述和替代文本。
您的網(wǎng)站是否完全可操作,或者可能會(huì)出現(xiàn)故障或其他問題?此元素提供了指導(dǎo)原則,以確保您的網(wǎng)站功能不會(huì)對(duì)用戶造成問題。了解您的網(wǎng)站是否可操作還意味著了解用戶通過鍵盤或滾動(dòng)條訪問和與您的網(wǎng)站功能交互的不同方法和方式。
您網(wǎng)站上的內(nèi)容是否易于理解?確保您網(wǎng)站上的文本可讀,并且網(wǎng)頁具有邏輯功能和語言。
包含準(zhǔn)則以確保網(wǎng)站的代碼遵循當(dāng)前的網(wǎng)絡(luò)標(biāo)準(zhǔn)。
ADA要求企業(yè)和公司向其所有客戶提供對(duì)相同服務(wù)(包括網(wǎng)站,應(yīng)用程序和電子媒體)的訪問權(quán)限。達(dá)到AAA級(jí)標(biāo)準(zhǔn)是理想的選擇,但大多數(shù)小型企業(yè)通常都接受AA級(jí)標(biāo)準(zhǔn)。
此外,ADA適用于所有地方,縣,州和聯(lián)邦政府機(jī)構(gòu);擁有15名或以上員工的私人公司;以及擁有15名或以上雇員的非營利組織,這些組織為大眾謀福利。此外,要求學(xué)校,醫(yī)院和公共機(jī)構(gòu)必須遵守AAA規(guī)范,以充分保護(hù)自己免受訴訟侵害。
這是AA和AAA遵從性之間的一般細(xì)分:
與A級(jí)相比,AA級(jí)更高級(jí),并且是完全符合ADA要求的第二級(jí):
ADA已編譯了一個(gè)有用的工具包,企業(yè)應(yīng)考慮對(duì)其進(jìn)行審核,以確保其網(wǎng)站可訪問。ADA將網(wǎng)站可訪問性考慮并定義為具有以下元素:網(wǎng)頁,網(wǎng)站,Web瀏覽器,html,屏幕閱讀器(說書面文字的計(jì)算機(jī)程序),html標(biāo)簽,“ longdesc”標(biāo)簽,可刷新的盲文顯示以及其他可訪問性功能和可用性。
ADA匯總了某些網(wǎng)站可能會(huì)對(duì)殘疾人構(gòu)成障礙的一般問題或問題的清單,以及容納和進(jìn)行更改的解決方案:
重要的是,您的企業(yè)必須確定在訪問網(wǎng)站方面可能存在的其他障礙。如果您的網(wǎng)站當(dāng)前未在優(yōu)化過程中牢記ADA標(biāo)準(zhǔn),那么制定戰(zhàn)略并制定全面計(jì)劃以使您的當(dāng)前Web內(nèi)容可供所有人使用是很重要的。
根據(jù)ADA,以下是一些改善網(wǎng)站的方法:
了解您的網(wǎng)站將需要其他方式來訪問您網(wǎng)站上提供的信息和服務(wù)。
在Absolute Web上,我們已經(jīng)對(duì)幾個(gè)電子商務(wù)網(wǎng)站進(jìn)行了全面的ADA優(yōu)化。我們最近的合作和ADA優(yōu)化項(xiàng)目案例研究包括營養(yǎng)補(bǔ)品品牌Carlson Labs。
作為BigCommerce的合作伙伴,這個(gè)特殊的項(xiàng)目需要許多專心致志的工作,以使我們的絕對(duì)Web團(tuán)隊(duì)的成員優(yōu)化網(wǎng)站的準(zhǔn)確性和可訪問性:網(wǎng)站開發(fā)人員,質(zhì)量檢查測試人員和項(xiàng)目經(jīng)理。
對(duì)于我們的客戶卡爾森,我們通過更新的alt標(biāo)簽,屏幕閱讀器,字體,顏色和大小更改以及針對(duì)ADA網(wǎng)站合規(guī)性和優(yōu)化的可訪問性聲明來優(yōu)化網(wǎng)頁。
我們經(jīng)驗(yàn)豐富的開發(fā)人員,質(zhì)量檢查測試人員和項(xiàng)目經(jīng)理團(tuán)隊(duì)通過用戶友好的工具幫助改造了網(wǎng)站,使殘障人士可以更輕松地訪問內(nèi)容。
該團(tuán)隊(duì)通過為殘障人士提供調(diào)整網(wǎng)站UI(用戶界面)的選項(xiàng),并根據(jù)其個(gè)人喜好進(jìn)行設(shè)計(jì),確保網(wǎng)站使用了各種更新的技術(shù)來訪問。
該界面選項(xiàng)有助于替代為所有用戶提供相同設(shè)計(jì)的傳統(tǒng)方法。對(duì)我們來說,進(jìn)行這些重大更改并幫助用戶控制根據(jù)其網(wǎng)站偏好進(jìn)行的調(diào)整以獲得更好的Web內(nèi)容瀏覽體驗(yàn)非常重要。
在開始該項(xiàng)目之前,我們與客戶進(jìn)行了交流,以捕獲他們的品牌故事,并更好地了解他們希望在其電子商務(wù)網(wǎng)站上進(jìn)行的用戶友好功能和改進(jìn)。
本質(zhì)上,在開始任何項(xiàng)目之前,我們始終將與客戶保持聯(lián)系并通過三個(gè)主要步驟幫助他們實(shí)現(xiàn)其目標(biāo)作為重點(diǎn)。即使在項(xiàng)目完成很久之后,我們也經(jīng)常簽到,以查看客戶是否對(duì)他們所支付的價(jià)格感到100%滿意。
看一下我們從項(xiàng)目經(jīng)理到網(wǎng)站質(zhì)量檢查的流程:
項(xiàng)目經(jīng)理(PM)設(shè)置針對(duì)不同電子商務(wù)平臺(tái)量身定制的任務(wù)列表。
Web開發(fā)人員在任務(wù)列表上工作,并與PM保持持續(xù)通信。
質(zhì)量檢查測試人員會(huì)在各種設(shè)備和瀏覽器上瀏覽網(wǎng)站,以檢查更改后的可用性。如有必要,他/她將創(chuàng)建一個(gè)附加列表供開發(fā)人員修改或進(jìn)行必要的附加更改。
我們對(duì)卡爾森的BigCommerce網(wǎng)站進(jìn)行了幾處改進(jìn),并創(chuàng)建了一個(gè)粗略的“絕對(duì)Web待辦事項(xiàng)清單”,以實(shí)現(xiàn)與ADA兼容的網(wǎng)站的可訪問性和優(yōu)化。
您可以使用此清單作為思考如何改善自己網(wǎng)站的一般指南,盡管我們建議與我們聯(lián)系以進(jìn)行手動(dòng)改進(jìn):
乍一看,您會(huì)發(fā)現(xiàn)首頁的設(shè)計(jì)精巧,其中包含一些營養(yǎng)補(bǔ)品的吸引人的拼貼畫。主頁還包括放大的文字和一個(gè)簡短的視頻,上面寫著“卡爾森Omega-3區(qū)別”。單擊視頻后,您會(huì)注意到該視頻附帶摘要文本和YouTube隱藏字幕。
進(jìn)一步滾動(dòng),您將看到更多文本以及魚的圖形和圖像以及其他圖像,以幫助更好地說明Web內(nèi)容和產(chǎn)品:
此外,當(dāng)用戶瀏覽網(wǎng)站的不同部分時(shí),我們?cè)谧髠?cè)創(chuàng)建了一個(gè)灰色的ADA輪椅徽標(biāo),當(dāng)用戶與內(nèi)容進(jìn)行交互時(shí)會(huì)彈出該徽標(biāo)。
當(dāng)用戶單擊該圖標(biāo)時(shí),它們將被定向到一個(gè)藍(lán)色框,顯示為“輔助功能調(diào)整”。Accessibility Platform由accessiBe驅(qū)動(dòng),使用戶有機(jī)會(huì)修改或更改文本和字體的大小,以便于閱讀和閱讀。易于導(dǎo)航:
內(nèi)容調(diào)整–使用戶有機(jī)會(huì)進(jìn)行內(nèi)容調(diào)整,包括字體調(diào)整,可讀字體,強(qiáng)調(diào)和突出顯示標(biāo)題,強(qiáng)調(diào)鏈接以及使用文本放大鏡選項(xiàng),以及調(diào)整字母間距,行高和調(diào)整段落等其他功能。對(duì)準(zhǔn):
顏色和顯示調(diào)整–允許用戶控制和調(diào)整文本,背景,燈光對(duì)比度功能等的顏色:
導(dǎo)航調(diào)整–包括屏幕閱讀器調(diào)整,鍵盤導(dǎo)航,靜音,強(qiáng)調(diào)鼠標(biāo)懸停以及其他一些易于導(dǎo)航的功能:
藍(lán)色菜單框還包含并通知用戶底部的三個(gè)選項(xiàng)卡:
確保用戶了解公司為改善Web內(nèi)容可訪問性所做的改進(jìn)和更改也很重要??稍L問性聲明強(qiáng)調(diào)了公司在遵守AAAG WCAG 2.1 Web內(nèi)容可訪問性指南的同時(shí),致力于使所有人都能訪問其網(wǎng)站內(nèi)容的承諾:
字體處理 –用戶可以增加或減小其大小,更改其系列(類型),調(diào)整間距,對(duì)齊方式,行高等。
顏色處理 –用戶可以選擇各種顏色對(duì)比配置文件,例如亮,暗,反色和單色。此外,用戶可以使用超過7種不同的著色選項(xiàng)來交換標(biāo)題,文本和背景的配色方案。
動(dòng)畫 –癲癇病患者只需單擊一下按鈕,即可立即停止所有正在運(yùn)行的動(dòng)畫。這些動(dòng)畫包括視頻,GIF和CSS閃爍過渡。
內(nèi)容突出顯示 –用戶可以選擇強(qiáng)調(diào)鏈接和標(biāo)題等重要元素。他們還可以選擇突出顯示焦點(diǎn)或懸停的元素。
音頻靜音 –帶有聽力設(shè)備的用戶可能會(huì)由于自動(dòng)音頻播放而出現(xiàn)頭痛或其他問題。此選項(xiàng)使用戶可以立即使整個(gè)網(wǎng)站靜音。
認(rèn)知障礙 –我們利用與Wikipedia和Wiktionary鏈接的搜索引擎,使患有認(rèn)知障礙的人能夠破解短語,縮寫,語等的含義。
其他選項(xiàng) –我們?yōu)橛脩籼峁┮韵逻x項(xiàng):更改光標(biāo)顏色和大小,使用打印模式,啟用虛擬鍵盤等等。
Absolute Web還為可訪問性組件部署了AI,例如針對(duì)殘障人士的屏幕閱讀器優(yōu)化和鍵盤導(dǎo)航優(yōu)化。有關(guān)詳細(xì)信息,請(qǐng)參見以下內(nèi)容:
屏幕閱讀器優(yōu)化:AI在后臺(tái)運(yùn)行,從上到下學(xué)習(xí)網(wǎng)站的組件,并使用ARIA屬性集為屏幕閱讀器提供有意義的數(shù)據(jù)。例如,它將提供準(zhǔn)確的表單標(biāo)簽:可操作圖標(biāo)的描述(社交媒體圖標(biāo),搜索圖標(biāo),購物車圖標(biāo)等);表單輸入的驗(yàn)證指南;元素角色,例如按鈕,菜單,模式對(duì)話框(彈出窗口)等。AI本質(zhì)上會(huì)掃描網(wǎng)站的所有圖像,并以ALT(替代文本)標(biāo)簽的形式提供準(zhǔn)確且有意義的基于圖像對(duì)象識(shí)別的描述。它還將使用OCR(光學(xué)字符識(shí)別)技術(shù)提取嵌入在圖像中的文本。屏幕閱讀器用戶在進(jìn)入網(wǎng)站后也會(huì)收到自動(dòng)公告,以開啟調(diào)整功能。
鍵盤導(dǎo)航優(yōu)化: AI會(huì)調(diào)整網(wǎng)站的HTML,并使用Javascript代碼添加各種行為,以使網(wǎng)站可以完全通過鍵盤操作。這包括使用TAB和SHIFT + TAB鍵瀏覽整個(gè)站點(diǎn),使用箭頭鍵操作下拉菜單,使用ESC關(guān)閉它們,使用Enter鍵觸發(fā)按鈕和鏈接,使用箭頭鍵在單選和復(fù)選框元素之間導(dǎo)航,填充的功能。使用空格鍵或Enter鍵等等。
我們的團(tuán)隊(duì)還致力于卡爾森網(wǎng)站的瀏覽器和輔助技術(shù)兼容性。我們的目標(biāo)是盡可能地支持各種各樣的瀏覽器和輔助技術(shù),以便用戶可以選擇最適合自己的工具,并盡可能減少限制。
針對(duì)數(shù)家企業(yè)和政府網(wǎng)站違反ADA準(zhǔn)則的訴訟數(shù)量有所增加。
您的組織或企業(yè)可以采取必要的措施來防止此類法律后果,方法是先閱讀法律,熟悉WCAG 2.0的準(zhǔn)則,并使用Internet上的資源和工具來檢查您的網(wǎng)站是否符合ADA。
您可以做的第一件事就是創(chuàng)建一個(gè)常規(guī)檢查表,以查看您的網(wǎng)站是否遵守并為殘障人士提供住宿。首先,根據(jù)互聯(lián)網(wǎng)無障礙局的說法,您可以檢查您的網(wǎng)站是否具有“替代文字”,這是WCAG 2.0的要求。替代文字是一個(gè)術(shù)語,可以幫助描述視覺障礙者的視覺圖像。
福布斯》(Forbes)報(bào)告稱,2018年約有1000宗與網(wǎng)站可訪問性有關(guān)的訴訟。據(jù)《福布斯》報(bào)道,一些受到影響的行業(yè)包括電子商務(wù)商店,飯店,消費(fèi)品公司以及漢堡王和耐克等大型公司。
最重要的是,您不希望受到訴訟的打擊,因?yàn)檫@損害了公司的聲譽(yù),成本高昂,并可能導(dǎo)致客戶流失以及其他不利影響。如有疑問,請(qǐng)聯(lián)系A(chǔ)DA并咨詢創(chuàng)意網(wǎng)站開發(fā)機(jī)構(gòu)。
有幾種資源和網(wǎng)站可以幫助自動(dòng)化或讓您知道您的網(wǎng)站的可訪問性:
雖然自動(dòng)化工具可以識(shí)別簡單問題,但建議進(jìn)行手動(dòng)測試,以確保滿足ADA網(wǎng)站合規(guī)性的必要要求。我們建議投資開發(fā)人員或數(shù)字合作伙伴,以幫助您了解合規(guī)標(biāo)準(zhǔn)的最新信息。這意味著要制定一個(gè)持續(xù)的維護(hù)計(jì)劃,以有效地監(jiān)控您的濟(jì)南網(wǎng)站建設(shè)長期保持合規(guī)性。
相關(guān)閱讀:
怎么樣建設(shè)一個(gè)符合用戶體驗(yàn)的網(wǎng)站
如何對(duì)網(wǎng)站執(zhí)行內(nèi)容審核以改善網(wǎng)站用戶體驗(yàn)
公司地址:山東省濟(jì)南市東關(guān)大街中泰大廈 Copyright?2006-2020 news.jpx001.cn. 濟(jì)南網(wǎng)站設(shè)計(jì)我們值得信賴. All rights reserved .
7x24小時(shí)服務(wù)熱線:15069066861 網(wǎng)站建設(shè)博客