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