來(lái)源:派臣科技|時(shí)間:2021-04-10|瀏覽:次
網(wǎng)站可訪問(wèn)性是確保網(wǎng)站對(duì)不同能力的人平等可用的實(shí)踐,這樣他們就可以平等地訪問(wèn)這些網(wǎng)站提供的商品和服務(wù)。
它是專業(yè)網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)的一個(gè)組成部分。
萬(wàn)維網(wǎng)聯(lián)盟(W3C)的無(wú)障礙網(wǎng)頁(yè)倡議將無(wú)障礙網(wǎng)頁(yè)定義為讓殘障人士能夠感知、理解、瀏覽并與網(wǎng)絡(luò)互動(dòng)的網(wǎng)站。他們還認(rèn)為,網(wǎng)絡(luò)可訪問(wèn)性可以造福其他人,包括老年人。
目前,網(wǎng)絡(luò)已經(jīng)出現(xiàn)在我們生活的各個(gè)領(lǐng)域。它已經(jīng)成為我們?nèi)粘I畹囊徊糠?。它使我們更容易地接受教育、娛?lè)、管理我們的業(yè)務(wù)、購(gòu)物,甚至獲取全球信息。web在我們生活的許多方面都是一個(gè)越來(lái)越重要的資源,包括教育、就業(yè)、政府、商業(yè)、醫(yī)療保健和娛樂(lè)。重要的是人們有平等的機(jī)會(huì)和機(jī)會(huì)。
根據(jù)疾控中心的數(shù)據(jù),每四個(gè)美國(guó)成年人中就有一個(gè)有某種殘疾。殘疾是指身體或精神上的任何狀況(損傷),使有這種狀況的人更難進(jìn)行某些活動(dòng)(活動(dòng)限制),更難與周圍的世界互動(dòng)(參與限制)。
我們有不同類型的殘疾,包括:
聽(tīng)覺(jué)障礙(耳聾):常見(jiàn)的障礙包括沒(méi)有字幕的媒體播放器,缺乏手語(yǔ)來(lái)補(bǔ)充信息。
身體上的:通常被稱為運(yùn)動(dòng)障礙,身體上的限制會(huì)導(dǎo)致網(wǎng)絡(luò)無(wú)法訪問(wèn)。沒(méi)有完整的鍵盤或鼠標(biāo)支持的網(wǎng)站,以及那些需要時(shí)間限制才能完成任務(wù)的網(wǎng)站,可能會(huì)給那些身體殘疾的人帶來(lái)問(wèn)題。
語(yǔ)言:患有失用癥、語(yǔ)言混亂癥和其他語(yǔ)言障礙的人通常很難訪問(wèn)web,尤其是當(dāng)服務(wù)中包含了語(yǔ)言交互時(shí)。當(dāng)網(wǎng)站只提供電話號(hào)碼或語(yǔ)音互動(dòng)方式作為聯(lián)系方式時(shí),有語(yǔ)言障礙的人無(wú)法完全與網(wǎng)站互動(dòng)。
視覺(jué):失明、色盲和失聰?shù)娜擞绕潆y以理解許多網(wǎng)站。對(duì)于那些有視覺(jué)障礙的人來(lái)說(shuō),沒(méi)有文本替代選項(xiàng)的圖像、缺少非視覺(jué)線索的圖像以及沒(méi)有提供自定義顏色組合的網(wǎng)站都是巨大的障礙。
在許多國(guó)家,殘疾人不受歧視已成為法律。
那些被判有罪的人將根據(jù)法律受到懲罰。這使殘疾人也能享受到非殘疾人享受到的一些福利。無(wú)障礙網(wǎng)絡(luò)可以幫助殘疾人更積極地參與社會(huì)活動(dòng)。這是與許多殘疾人做生意的最簡(jiǎn)單的方式,例如不能閱讀印刷材料的人,去實(shí)體店或商場(chǎng)有困難的人。他們可以很容易地在網(wǎng)上把它們送到他們的家門口。
為了遏制訪問(wèn)者在可訪問(wèn)性方面所面臨的問(wèn)題,一個(gè)組織被稱為萬(wàn)維網(wǎng)聯(lián)盟(World Wide web consortium)的網(wǎng)頁(yè)可訪問(wèn)性倡議(web accessibility initiative, WAI),專門制定了許多網(wǎng)頁(yè)所依賴的標(biāo)準(zhǔn)。他們制定了一個(gè)關(guān)于如何使網(wǎng)站具有可訪問(wèn)性的標(biāo)準(zhǔn),稱為“網(wǎng)頁(yè)內(nèi)容可訪問(wèn)性指南”(WCAG)。在美國(guó),一項(xiàng)名為《美國(guó)殘疾人法》(ADA)的法案強(qiáng)制數(shù)字資產(chǎn)和網(wǎng)站依法可訪問(wèn)。
WCAG指南解釋了如何使網(wǎng)絡(luò)內(nèi)容對(duì)殘疾人更容易訪問(wèn)。
Web內(nèi)容一般是指Web頁(yè)面或Web應(yīng)用程序中的信息,包括:自然信息(如文本、圖像和聲音)、定義結(jié)構(gòu)、表示形式的代碼或標(biāo)記等。WCAG 2.0于2008年12月11日發(fā)布。WCAG 2.1成立于2018年6月5日。2.0中的所有需求(成功標(biāo)準(zhǔn))都包含在。2.0的成功標(biāo)準(zhǔn)與2.1完全相同(逐字逐句)。2.1中引入了2.0中沒(méi)有的其他成功標(biāo)準(zhǔn)。WCAG 2.1更新了WCAG 2.0,并擴(kuò)展了W3C的易訪問(wèn)性指南,同時(shí)維護(hù)了W3C的可實(shí)現(xiàn)、技術(shù)中立、客觀可測(cè)試和普遍適用的易訪問(wèn)性指南標(biāo)準(zhǔn)。所有新規(guī)定都已在不同類型、網(wǎng)站和網(wǎng)頁(yè)內(nèi)容的實(shí)施中進(jìn)行了測(cè)試。
WCAG 2.0被設(shè)計(jì)為一種高度穩(wěn)定的、技術(shù)無(wú)關(guān)的標(biāo)準(zhǔn),并通過(guò)對(duì)信息支持資源的更新保持相關(guān)性。和WCAG 2.0一樣,WCAG 2.1由一個(gè)廣泛的實(shí)現(xiàn)技術(shù)庫(kù)支持,包括對(duì)WCAG 2.1的理解和技術(shù)。
WCAG有三個(gè)一致性級(jí)別(A、AA、AAA)。A級(jí)標(biāo)準(zhǔn)級(jí)別處理妨礙訪問(wèn)的最嚴(yán)重障礙;AA級(jí)和AAA級(jí)標(biāo)準(zhǔn)針對(duì)較輕的障礙。許多組織為他們的網(wǎng)站爭(zhēng)取WCAG 2.0級(jí)別的AA一致性。
一些問(wèn)題已經(jīng)被發(fā)現(xiàn)是網(wǎng)頁(yè)的可訪問(wèn)性問(wèn)題。其中包括:太多的內(nèi)容、reCAPTCHA、可讀性差、分散注意力的圖像和圖形、糟糕的鏈接信息、無(wú)法替代圖像、視頻和音頻、不當(dāng)使用HTML等。
使web可訪問(wèn)取決于開(kāi)發(fā)人員為web構(gòu)建的內(nèi)容。讓你的網(wǎng)站對(duì)殘疾人開(kāi)放,最終會(huì)讓所有人都能訪問(wèn)。讓所有人都能訪問(wèn)web的方法包括:使用ALT標(biāo)簽,使用更好的表格,使用默認(rèn)的HTML標(biāo)簽,媒體的封閉標(biāo)題。
從研究人員提出的問(wèn)題和可能的解決方案來(lái)看,我們可以看到網(wǎng)頁(yè)可訪問(wèn)性標(biāo)準(zhǔn)在過(guò)去幾年有了很大的改進(jìn)。殘疾人士和非殘疾人士現(xiàn)在都能很容易地完全訪問(wèn)這些網(wǎng)站。殘疾人現(xiàn)在可以從各種網(wǎng)站上獲取信息,做生意和娛樂(lè)。這并不意味著在網(wǎng)頁(yè)可訪問(wèn)性方面沒(méi)有一些挑戰(zhàn)。
為殘疾人設(shè)計(jì)和提供無(wú)障礙網(wǎng)頁(yè)非常困難。它往往對(duì)沒(méi)有殘疾的人更有用,導(dǎo)致更大的滿意度,而那些有殘疾的人被剝奪了這種滿意度,因?yàn)橐恍﹩?wèn)題因人而異和殘疾。重要的是人們有平等的機(jī)會(huì)和機(jī)會(huì)
可訪問(wèn)的站點(diǎn)通過(guò)多種感官通道(如聲音和視覺(jué))來(lái)呈現(xiàn)信息,它們還支持除了典型的點(diǎn)擊界面之外的額外的站點(diǎn)導(dǎo)航和交互方式:基于鍵盤的控制和基于語(yǔ)音的導(dǎo)航。多感官方法和多交互方法的組合允許殘疾用戶訪問(wèn)與非殘疾用戶相同的信息。
通過(guò)使您的網(wǎng)站具有可訪問(wèn)性,您就確保了所有潛在用戶(包括殘疾人)都有良好的用戶體驗(yàn),并且能夠輕松訪問(wèn)您的信息。通過(guò)實(shí)現(xiàn)可訪問(wèn)性最佳實(shí)踐,您也提高了站點(diǎn)對(duì)所有用戶的可用性。
可訪問(wèn)性與其他最佳實(shí)踐相重疊,如移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)、設(shè)備獨(dú)立性、多模式交互、可用性、老年用戶設(shè)計(jì)和搜索引擎優(yōu)化(SEO)。案例研究表明,可訪問(wèn)的網(wǎng)站有更好的搜索結(jié)果,降低維護(hù)成本,增加受眾,以及其他好處。”
實(shí)現(xiàn)Web可訪問(wèn)性通常會(huì)在幾個(gè)因素下改善技術(shù)性能。這是;
•減少帶寬使用和服務(wù)器負(fù)載,
•跨瀏覽器兼容性,
•為實(shí)施未來(lái)技術(shù)做好準(zhǔn)備,
•減少站點(diǎn)開(kāi)發(fā)和維護(hù)時(shí)間
•不同配置支持的內(nèi)容,如移動(dòng)設(shè)備,屏幕閱讀器,不同的操作系統(tǒng)和瀏覽器。
讓殘障人士都能訪問(wèn)網(wǎng)站,最終會(huì)讓所有人都能訪問(wèn)網(wǎng)站。這取決于開(kāi)發(fā)人員構(gòu)建web。
開(kāi)發(fā)者應(yīng)該考慮以下幾點(diǎn):
使用alt標(biāo)記
alt-tag或替代(alt) html屬性主要用于描述圖像。當(dāng)然,(alt= " ")可以是空的,但最好為每個(gè)屏幕閱讀器提供有用的描述。假設(shè)你是盲人,關(guān)于圖像你需要知道什么?“女性”并沒(méi)有多大幫助,但也許使用屏幕閱讀器的“女性繪制設(shè)計(jì)流程圖,包括易訪問(wèn)性、可用性、品牌和設(shè)計(jì)”會(huì)更好
使用更好的桌子
應(yīng)該使用caption標(biāo)簽將標(biāo)題添加到表中,以便讓屏幕閱讀器更容易理解它們,而不僅僅是將表的標(biāo)題用粗體顯示。
應(yīng)該添加“scope”元素,并在新的行和列中整齊地貼上標(biāo)簽,這樣屏幕閱讀器就不會(huì)在沒(méi)有給出任何上下文的情況下簡(jiǎn)單地列出一系列表格單元格。
鍵盤導(dǎo)航
默認(rèn)情況下,網(wǎng)站上的任何內(nèi)容都應(yīng)該是可以通過(guò)鍵盤實(shí)現(xiàn)的。這意味著導(dǎo)航按鈕不應(yīng)該混亂。
例如,導(dǎo)航按鈕不應(yīng)該是動(dòng)畫(huà)下拉按鈕,如果他們不能與屏幕閱讀器一起使用。
默認(rèn)HTML標(biāo)簽的使用
對(duì)于web可訪問(wèn)性,默認(rèn)的html標(biāo)簽不應(yīng)該被混淆。鈕扣應(yīng)該用于鈕扣而不是錨用于鈕扣?;煜鼈儗⑹蛊聊婚喿x器完全困惑,因?yàn)樗衅聊婚喿x器都遵循一種特定的方式來(lái)閱讀網(wǎng)頁(yè)上的元素。為了讓錨點(diǎn)像按鈕一樣工作,它需要額外的JavaScript(一種編程語(yǔ)言)事件,這是一種非常愚蠢的方法,當(dāng)普通的裸按鈕可以使用時(shí)。
為媒體封閉的字幕
網(wǎng)站上的視頻或音頻元素應(yīng)該有字幕。封閉的字幕不僅對(duì)易訪問(wèn)性(永久或臨時(shí)殘疾用戶)非常有用,而且對(duì)那些可能在無(wú)法播放音頻的地方使用網(wǎng)站的用戶(如在辦公室或嘈雜的地方)也非常有用。
應(yīng)提供播客或其他音頻元素的文本文本。文本文本不僅使谷歌和其他搜索引擎更容易索引內(nèi)容和幫助谷歌排名,而且對(duì)那些不能聽(tīng)音頻的人也很有用。
在媒體文件上添加字幕將使殘障人士也能使用,最終每個(gè)人都能使用。
ARIA標(biāo)簽的使用
可訪問(wèn)的富Internet應(yīng)用程序(ARIA)是一組簡(jiǎn)單的HTML屬性,它定義了使Web內(nèi)容和Web應(yīng)用程序(特別是那些使用Ajax、JavaScript和Bootstrap等最新Web技術(shù)開(kāi)發(fā)的應(yīng)用程序)對(duì)殘疾人更容易訪問(wèn)的方法。例如,ARIA支持可訪問(wèn)的導(dǎo)航地標(biāo)、JavaScript小部件、表單提示和錯(cuò)誤消息、實(shí)時(shí)內(nèi)容更新等。
ARIA有一組特殊的可訪問(wèn)性HTML屬性,可以添加到任何標(biāo)記中,但特別適合于HTML。role屬性為對(duì)象類型(例如文章、警報(bào)、滑塊或按鈕)定義了一個(gè)特定的角色。附加的ARIA屬性提供了其他有用的屬性,比如表單的描述或進(jìn)度條的當(dāng)前寬度。ARIA屬性還可以用于指定對(duì)象(特別是按鈕)的活動(dòng)或禁用狀態(tài)。
標(biāo)題標(biāo)簽
瀏覽器并不總是在網(wǎng)頁(yè)主體中顯示HTML標(biāo)題標(biāo)簽,但它對(duì)屏幕閱讀器和標(biāo)簽標(biāo)題很有幫助。每個(gè)網(wǎng)站的頁(yè)面都必須有一個(gè)簡(jiǎn)短的描述性標(biāo)題,告訴訪問(wèn)者這個(gè)頁(yè)面是關(guān)于什么的。
總之,一個(gè)標(biāo)準(zhǔn)的無(wú)障礙網(wǎng)站必須考慮以下幾點(diǎn):
- 1。用戶界面必須是用戶友好的,無(wú)論殘疾。
- 2。功能:網(wǎng)站應(yīng)該可以通過(guò)鼠標(biāo)、鍵盤和語(yǔ)音控制系統(tǒng)訪問(wèn)。這將允許用戶使用任何這些功能訪問(wèn)web,殘疾不會(huì)成為障礙。
- 3。標(biāo)題必須被正確地使用來(lái)組織內(nèi)容的結(jié)構(gòu),有不同類型的標(biāo)題,有指出標(biāo)題的標(biāo)題,指出主體的標(biāo)題,指出引用的詞的標(biāo)題,等等。
- 4。顏色的選擇和使用必須小心謹(jǐn)慎;以防有視力問(wèn)題的用戶。
- 5所示。顏色也不應(yīng)該被用作導(dǎo)航工具或區(qū)分項(xiàng)目的唯一方法。
- 6所示。網(wǎng)站應(yīng)該有一個(gè)跳躍導(dǎo)航功能
- 7所示。網(wǎng)站鏈接應(yīng)該有一個(gè)唯一的和描述性的名字。
- 8。如果網(wǎng)站涉及視頻,必須為音頻信息提供視覺(jué)訪問(wèn)。
- 9。圖像應(yīng)該在標(biāo)記/代碼中包含Alt文本;復(fù)雜的圖像應(yīng)該在圖像附近有更廣泛的描述(可能作為一個(gè)標(biāo)題或在相鄰段落中建立的描述性摘要)
- 10。避免使用表格進(jìn)行布局;而是將其用于表格數(shù)據(jù)。