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