什么是無(wú)障礙？
概述：無(wú)障礙 下一頁(yè)本文作為本模塊的開篇闡述了究竟什么是“無(wú)障礙” — 主要包括哪些用戶群體是我們所需要和為什么需要考慮的，不同用戶使用哪些工具與網(wǎng)頁(yè)交互，以及我們?cè)诰W(wǎng)站開發(fā)流程中如何構(gòu)建無(wú)障礙。
前提： 基本的計(jì)算機(jī)知識(shí)，對(duì) HTML 和 CSS 的基本理解。 目標(biāo)： 熟悉無(wú)障礙，包括它是什么，以及它對(duì) web 開發(fā)人員的影響。什么是無(wú)障礙？
無(wú)障礙是一種讓盡可能多的用戶可以使用你的網(wǎng)站的做法。傳統(tǒng)上我們認(rèn)為這只與殘疾人士有關(guān)，但提升網(wǎng)站的無(wú)障礙也可以讓其他用戶群體受益。比如使用移動(dòng)設(shè)備的人群，那些使用低速網(wǎng)絡(luò)連接的人群。
你也可以把無(wú)障礙看成是同等地對(duì)待每一個(gè)人，給他們平等的機(jī)會(huì)，無(wú)論他們的能力或所處的環(huán)境如何。就像不能讓坐輪椅的人可以進(jìn)入大樓是錯(cuò)誤的 (現(xiàn)代公共建筑通常有輪椅坡道或電梯)；不能讓視覺有障礙的人士可以瀏覽我們的網(wǎng)站同樣不正確。我們都是不同的，但我們都是人，因此享有同等的人權(quán)。
使網(wǎng)站具備無(wú)障礙才是正確的做法。它也是一些國(guó)家法律的一部分，它打開了一些重要的市場(chǎng)，否則那些市場(chǎng)的用戶無(wú)法使用你的服務(wù)或者購(gòu)買你的產(chǎn)品。
建立可訪問(wèn)的網(wǎng)站能讓每個(gè)人都受益：
使用原語(yǔ) HTML(譯注：僅使用非樣式標(biāo)記而樣式用 CSS 定義的 HTML 稱為原語(yǔ) HTML。那些描述內(nèi)容呈現(xiàn)效果的標(biāo)記如<b>標(biāo)記是樣式標(biāo)記，這些樣式標(biāo)記在 HTML5 中已經(jīng)廢棄），不僅提升了無(wú)障礙，也增強(qiáng)了搜索引擎優(yōu)化，使你的網(wǎng)站更容易被找到。 關(guān)心無(wú)障礙表露出良好的道德品質(zhì)，它提升了你的公眾形象。 其他一些改善無(wú)障礙的做法也會(huì)讓你的網(wǎng)站更容易被其他群體使用，比如手機(jī)用戶，低速網(wǎng)絡(luò)環(huán)境的用戶等等。事實(shí)上，每個(gè)人都可以從這此改善中受益。 我們是否也曾提到過(guò)到這也是某些地方的法律規(guī)定？我們應(yīng)關(guān)注的殘疾都有哪些種類？
殘疾人士和正常人一樣是多樣化的，他們身患的殘疾也多種多樣。此處課題的關(guān)鍵是拋開思考你自己的電腦和你自己使用網(wǎng)頁(yè)的方式，而是要開始了解別人如何使用網(wǎng)頁(yè)——你不是你的用戶。接下來(lái)會(huì)講解需要考慮的主要?dú)埣差愋?，以及他們?cè)L問(wèn)網(wǎng)頁(yè)內(nèi)容時(shí)用到的一些特殊工具 (被稱為輔助技術(shù)或 ATs)。
備注： 世界衛(wèi)生組織的“殘疾和健康”狀況說(shuō)明書指出：“超過(guò) 10 億人，約占世界總?cè)丝诘?15%，患有某種形式的殘疾”，而且“有 1.1 億至 1.9 億之間的成年人在身體功能上存在重大困難?！?/p>
有視覺障礙的人
有視覺障礙的人包括盲人、視力水平低下者、色盲。許多視覺障礙人士使用屏幕放大鏡，要么是物理放大鏡或是軟件縮放功能?，F(xiàn)今大多數(shù)瀏覽器和操作系統(tǒng)都具備縮放功能。某些用戶使用屏幕閱讀器，這是一種可以大聲朗讀數(shù)字文本的軟件。一些屏幕閱讀器的示例如下：
有些是付費(fèi)產(chǎn)品，比如 JAWS (Windows) 和 Window Eyes (Windows). 有些是免費(fèi)產(chǎn)品，比如 NVDA (Windows)， ChromeVox (Chrome, Windows 和 Mac OS X)，和 Orca (Linux). 有些內(nèi)置在操作系統(tǒng)中，比如 VoiceOver (Mac OS X and iOS)， Narrator (Microsoft Windows)， ChromeVox (on ChromeOS)，和 TalkBack (Android).讓自己熟悉屏幕閱讀器是個(gè)好主意；你還應(yīng)該設(shè)置一個(gè)屏幕閱讀器并充分的使用它（盤它），以了解它是如何工作的。請(qǐng)參閱我們的跨瀏覽器屏幕閱讀器測(cè)試向?qū)В粤私飧嗍褂盟鼈兊募?xì)節(jié)。下面的視頻還提供了一個(gè)簡(jiǎn)單的例子說(shuō)明了體驗(yàn)是怎樣的。
據(jù)統(tǒng)計(jì)，世界衛(wèi)生組織估計(jì)“全球有 2.85 億人視力受損：3900 萬(wàn)人失明，2.46 億人視力低下?！?參見視力障礙和失明)。這是一個(gè)龐大而重要的用戶群卻僅因?yàn)槟愕木W(wǎng)站沒(méi)有合理的設(shè)計(jì)代碼而流失——幾乎相當(dāng)于美國(guó)的人口總數(shù)。
有聽覺障礙的人
也被稱為有聽力障礙的人或聾子，這群人要么聽力水平較低要么或者完全聽不到。這些人使用輔助技術(shù)（請(qǐng)參考 聽力、語(yǔ)音、說(shuō)話或語(yǔ)言障礙患者的輔助設(shè)備），但是并沒(méi)有專用于計(jì)算機(jī)/網(wǎng)頁(yè)的輔助技術(shù)。
但是，現(xiàn)在有專門的技術(shù)用于將文本轉(zhuǎn)換成音頻內(nèi)容，范圍從轉(zhuǎn)換簡(jiǎn)單的文本文字到轉(zhuǎn)換與視頻一起顯示的字幕。稍后，有文章將討論這些技術(shù)。
聽力受損的人也代表著一個(gè)重要的用戶群體——“全世界有 4.66 億人患有聽力障礙”，世界衛(wèi)生組織的耳聾和聽力受損狀況報(bào)告如此宣稱。
行動(dòng)障礙的人
這些人在行動(dòng)方面存在著殘疾，可能是因?yàn)榧兇獾纳眢w問(wèn)題（例如肢體喪失或癱瘓），或?qū)е轮w無(wú)力或失去控制的神經(jīng)系統(tǒng)/遺傳疾病。有些人可能難以做出使用鼠標(biāo)所需的精準(zhǔn)手部動(dòng)作，而另一些人則可能受到的影響更為嚴(yán)重，可能會(huì)嚴(yán)重癱瘓到需要使用頭部指針與計(jì)算機(jī)進(jìn)行交互的地步。
這種殘疾也可能是由于年老體衰導(dǎo)致，而不是任何特定的創(chuàng)傷或狀況造成，也可能是由于硬件限制所致——有些用戶可能沒(méi)有鼠標(biāo)。
這些殘疾通常影響 Web 開發(fā)工作的方式是要求通過(guò)鍵盤就可以訪問(wèn)控件——我們將在本模塊的后續(xù)文章中討論鍵盤無(wú)障礙，但最好是僅通過(guò)使用鍵盤來(lái)嘗試訪問(wèn)一些網(wǎng)站，看看你能夠做些什么。例如，你可以使用 Tab 鍵在 Web 表單的不同控件之間移動(dòng)嗎？你可以在我們的“跨瀏覽器測(cè)試使用本機(jī)鍵盤的無(wú)障礙”章節(jié)中找到有關(guān)鍵盤控制的更多詳細(xì)信息。
據(jù)統(tǒng)計(jì)，有相當(dāng)多的人患有行動(dòng)障礙癥。美國(guó)疾病控制與防御中心的“殘疾與機(jī)能（18 歲及以上的非住院成年人）”報(bào)道稱美國(guó)有 15.1% 的成年人都患有身體功能疾病。
有認(rèn)知障礙的人
認(rèn)知障礙涵蓋了一類范圍廣泛的殘疾，從能力最受限的智障人士到隨著年齡增長(zhǎng)而導(dǎo)致思考和記憶困難的所有人。該范圍包括了患有精神疾病的人，例如抑郁癥和精神分裂癥患者。還包括有學(xué)習(xí)障礙的人，例如閱讀障礙患者和有注意力缺陷的多動(dòng)癥患者。重要的是，盡管認(rèn)知障礙的臨床定義存在很多差異，但與之相關(guān)的人們會(huì)遇到同一類功能問(wèn)題。這類問(wèn)題包括很難理解頁(yè)面內(nèi)容，難以記住如何完成任務(wù)，以及因不一致的網(wǎng)頁(yè)布局而產(chǎn)生困惑。
對(duì)認(rèn)識(shí)障礙人士來(lái)說(shuō)一個(gè)好的無(wú)障礙機(jī)制包括：
使用多種方式傳達(dá)內(nèi)容，比如從文本到語(yǔ)音或是視頻； 更易理解的內(nèi)容，例如使用更通俗的語(yǔ)言書寫的文本； 將注意力集中在重要內(nèi)容上； 盡量減少干擾，例如不必要的內(nèi)容或廣告； 一致的網(wǎng)頁(yè)布局和導(dǎo)航； 相似的元素，比如未訪問(wèn)的下劃線鏈接使用藍(lán)色而訪問(wèn)過(guò)的使用紫色； 將過(guò)程劃分為更有邏輯的，必要的步驟并附上進(jìn)度指示器； 在不影響安全性的情況下盡可能讓網(wǎng)站認(rèn)證更簡(jiǎn)單；并且 使表單容易完成，例如帶有清晰的錯(cuò)誤消息和簡(jiǎn)單的錯(cuò)誤恢復(fù)。注意
具有認(rèn)知無(wú)障礙的設(shè)計(jì)將導(dǎo)致良好的設(shè)計(jì)實(shí)踐。他們將使所有人受益。 許多有認(rèn)知障礙的人也可能患有身體殘疾。網(wǎng)站必須遵循 W3C 的“網(wǎng)頁(yè)內(nèi)容無(wú)障礙指南”包括認(rèn)知無(wú)障礙指南。 W3C 的“認(rèn)知和學(xué)習(xí)殘疾無(wú)障礙專案組”為認(rèn)知障礙人士制作了 web 無(wú)障礙指南。 WebAIM 有一個(gè)認(rèn)知網(wǎng)頁(yè)提供了相關(guān)的信息和資源。 美國(guó)疾病控制中心估計(jì)，截至 2018 年，美國(guó)四分之一的公民有殘疾，其中認(rèn)知障礙是年輕人最常見的疾病。 在美國(guó)，“智力障礙”是“智力低下”的新術(shù)語(yǔ)。在英國(guó)，“智力障礙”通常是指“學(xué)習(xí)障礙”或“學(xué)習(xí)困難”。在你的項(xiàng)目中實(shí)現(xiàn)無(wú)障礙
一個(gè)流行的關(guān)于無(wú)障礙的傳言認(rèn)為：無(wú)障礙是實(shí)施在項(xiàng)目上的昂貴“附加功能”。這個(gè)傳言確實(shí)可能成立，只要遇到以下任一情況：
你正在試圖為一個(gè)現(xiàn)有存在重大無(wú)障礙問(wèn)題的網(wǎng)站“改造”無(wú)障礙。 你只是在項(xiàng)目后期才開始考慮無(wú)障礙和此時(shí)才暴露的相關(guān)問(wèn)題。然而如果你能在項(xiàng)目的開始階段就考慮到無(wú)障礙的話，使大多數(shù)內(nèi)容無(wú)障礙化的代價(jià)就會(huì)相當(dāng)微小。
在規(guī)劃項(xiàng)目時(shí)，將無(wú)障礙測(cè)試納入測(cè)試體系，就像對(duì)其他任何重要目標(biāo)受眾群體（例如臺(tái)式機(jī)或移動(dòng)瀏覽器的目標(biāo)用戶）進(jìn)行測(cè)試一樣。盡早和經(jīng)常進(jìn)行測(cè)試，理想情況下運(yùn)行自動(dòng)化測(cè)試找出程序化方式可檢測(cè)到的缺失功能（例如，缺少圖像替代文本或不良鏈接文字——請(qǐng)參閱元素關(guān)系與上下文），并對(duì)殘疾人士的用戶群進(jìn)行一些測(cè)試，以查看更復(fù)雜的網(wǎng)站功能是否對(duì)他們可用。例如：
我的日期選擇器小部件是否可供使用屏幕閱讀器的人使用？ 如果內(nèi)容動(dòng)態(tài)更新，視力受損的人知道嗎？ 我的 UI 按鈕是否可以使用鍵盤和觸碰界面進(jìn)行訪問(wèn)？你可以并且應(yīng)該在內(nèi)容中記下潛在的問(wèn)題區(qū)域，這些地方需要進(jìn)行一些工作才能使其變得可訪問(wèn)，確保對(duì)其進(jìn)行了徹底的測(cè)試并考慮解決方案/替代方法。文本內(nèi)容（如你將在下一篇文章中看到的）相對(duì)容易，但是多媒體內(nèi)容和時(shí)髦的 3D 圖形又如何呢？你應(yīng)該查看項(xiàng)目預(yù)算，并考慮可以使用哪些解決方案來(lái)實(shí)現(xiàn)這類內(nèi)容的無(wú)障礙。轉(zhuǎn)錄所有多媒體內(nèi)容是一種選擇，當(dāng)然成本可能很高。
還有，現(xiàn)實(shí)一點(diǎn)。“100% 的無(wú)障礙”是一個(gè)無(wú)法實(shí)現(xiàn)的理想——你總是會(huì)遇到某種邊緣情況，導(dǎo)致某個(gè)用戶發(fā)現(xiàn)某些內(nèi)容難以使用——但你應(yīng)該盡你所能去做。如果你計(jì)劃包含一個(gè)使用 WebGL 呈現(xiàn)的時(shí)髦三維餅圖，你可能希望也包含一個(gè)數(shù)據(jù)表，作為數(shù)據(jù)的可訪問(wèn)的替代表示。或者，你可能只需要包含表而去除 3D 餅圖——這樣每個(gè)人都可以訪問(wèn)該表，編寫起來(lái)也更快，還能減少運(yùn)行時(shí)的 CPU 耗費(fèi)，維護(hù)也更容易。
另一方面，如果你正在一個(gè)畫廊網(wǎng)站上展示有趣的 3D 藝術(shù)，期望每件藝術(shù)品都能被視覺障礙人士完美的訪問(wèn)是不合理的，畢竟它是一種完全的視覺媒體。
為了表明你關(guān)心并考慮了無(wú)障礙，請(qǐng)?jiān)谀愕木W(wǎng)站上發(fā)布無(wú)障礙聲明，其中詳細(xì)說(shuō)明你對(duì)無(wú)障礙的政策以及為使該站點(diǎn)可訪問(wèn)而采取的步驟。如果有人確實(shí)反映你的網(wǎng)站存在無(wú)障礙問(wèn)題，請(qǐng)與他們展開對(duì)話，保持同情心，并采取合理的步驟嘗試解決問(wèn)題。
總結(jié)：
從項(xiàng)目一開始就考慮無(wú)障礙，并盡早進(jìn)行測(cè)試。就像任何其他 bug 一樣，越晚發(fā)現(xiàn)無(wú)障礙問(wèn)題，修復(fù)它的代價(jià)會(huì)更高。 請(qǐng)記住，許多無(wú)障礙的最佳實(shí)踐對(duì)每個(gè)人都有好處，而不僅僅局限于殘疾人士。例如，原語(yǔ)標(biāo)記不僅對(duì)屏幕閱讀器有好處，而且使加載速度和性能也更快，因此對(duì)每個(gè)人來(lái)說(shuō)都更有益，尤其是那些使用移動(dòng)設(shè)備和/或慢速網(wǎng)絡(luò)連接環(huán)境的人。 在你的站點(diǎn)上發(fā)布無(wú)障礙聲明，并與遇到問(wèn)題的人接觸。無(wú)障礙指南和法律
有許多可用于基于無(wú)障礙測(cè)試的檢查列表和指南集，乍一看，這些準(zhǔn)則可能會(huì)讓人望而卻步。我們的建議是讓自己熟悉你需要注意的基本領(lǐng)域，以及理解與你最相關(guān)的指導(dǎo)方針的高層結(jié)構(gòu)。
首先，W3C 發(fā)布了一個(gè)龐大而詳細(xì)的文檔，其中包含了非常精確的、與技術(shù)無(wú)關(guān)的無(wú)障礙一致性標(biāo)準(zhǔn)。這些被稱為 Web 內(nèi)容無(wú)障礙指南 (WCAG)，它們絕不是短讀的。這些標(biāo)準(zhǔn)分為四大類，它們指定如何使實(shí)現(xiàn)具有可感知性、可操作性、可理解性和魯棒性。最好的地方得到一個(gè)簡(jiǎn)單的介紹和開始學(xué)習(xí)是一目了然。沒(méi)有必要用心學(xué)習(xí) WCAG——注意主要關(guān)注的領(lǐng)域，并使用各種技術(shù)和工具來(lái)突出任何不符合 WCAG 標(biāo)準(zhǔn)的區(qū)域 (更多信息見下文)。 貴國(guó)還可能有具體立法，規(guī)定為其人口提供服務(wù)的網(wǎng)站必須能夠訪問(wèn) - 例如，美國(guó)“康復(fù)法”第 508 條、德國(guó)關(guān)于無(wú)障礙信息技術(shù)的聯(lián)邦法令、聯(lián)合王國(guó)的“平等法”、意大利的“無(wú)障礙法”、澳大利亞的“殘疾歧視法”等。因此，雖然 WCAG 是一套指導(dǎo)方針，但你的國(guó)家可能會(huì)有關(guān)于網(wǎng)絡(luò)無(wú)障礙的法律，或者至少是對(duì)公眾提供的服務(wù)的無(wú)障礙 (包括網(wǎng)站、電視、物理空間等)。找出你的法律是個(gè)好主意。如果你不努力檢查你的內(nèi)容是否可訪問(wèn)，你可能會(huì)陷入法律的麻煩，如果有二重性的人抱怨它。
這聽起來(lái)很嚴(yán)肅，但正如上文所述，你只需要將無(wú)障礙視為 Web 開發(fā)實(shí)踐的主要優(yōu)先事項(xiàng)。如果有疑問(wèn)，請(qǐng)咨詢合格的律師。我們不會(huì)提供比這更多的建議，因?yàn)槲覀儾皇锹蓭煛?/p>
無(wú)障礙 API
Web 瀏覽器使用特殊的無(wú)障礙 API(由底層操作系統(tǒng)提供)，這些 API 公開對(duì)輔助技術(shù) (ATS) 有用的信息-ATS 大多傾向于使用原語(yǔ)信息，因此這些信息不包括樣式信息或 javascript 之類的內(nèi)容。此信息是在一個(gè)稱為無(wú)障礙樹的信息樹中構(gòu)造的。
不同的操作系統(tǒng)有不同的無(wú)障礙 API：
Windows: MSAA/IAccessible, UIAExpress, IAccessible2 Mac OS X: NSAccessibility Linux: AT-SPI Android: Accessibility framework iOS: UIAccessibility如果 Web 應(yīng)用中的 HTML 元素提供的本機(jī)語(yǔ)義信息失效，則可以使用 WAI-ARIA specification 的功能來(lái)補(bǔ)充該信息，這些功能向輔助功能樹添加語(yǔ)義信息以提高無(wú)障礙。在 WAI-ARIA basics 文章中了解有關(guān) WAI-ARIA 的更多詳細(xì)信息。
摘要
本文應(yīng)該給你提供一個(gè)有用的無(wú)障礙的高級(jí)概述，向你展示為什么它是重要的，并研究如何將它融入你的工作流程?，F(xiàn)在，你還應(yīng)該渴望了解可以使站點(diǎn)可訪問(wèn)的實(shí)現(xiàn)細(xì)節(jié)，我們將在下一節(jié)中開始，了解為什么 HTML 是無(wú)障礙的良好基礎(chǔ)。
概述：無(wú)障礙 下一頁(yè)
