What is accessibility?

那么什么是可訪問性？

可訪問性是讓盡可能多的人使用您的網(wǎng)站的做法 - 我們傳統(tǒng)上認(rèn)為這是關(guān)于殘疾人，但實(shí)際上它還涵蓋其他群體，如使用移動(dòng)設(shè)備或網(wǎng)絡(luò)連接緩慢的群體。

你也可以把無障礙視為對(duì)待每個(gè)人都一樣，給他們相同的機(jī)會(huì)，無論他們的能力或情況。 以同樣的方式，因?yàn)樗麄冊(cè)谳喴紊?公共建筑一般在許多地方都有輪椅坡道或電梯)將某人從實(shí)體建筑物中排除是不正確的，因此將某人從網(wǎng)站中排除也是不正確的，因?yàn)?/span> 他們有視覺障礙，或正在使用手機(jī)。 我們都不同，但我們都是人的，因此有相同的(人)權(quán)利。

可訪問性是正確的做法，但它也是一些國(guó)家的法律的一部分，它可以開放一些重要的市場(chǎng)，否則將無法使用您的服務(wù)，購(gòu)買您的產(chǎn)品等。

可訪問性和它所帶來的最佳實(shí)踐可以使每個(gè)人受益:

• Semantic HTML (which improves accessibility) also improves SEO, making your site more findable/marketable.
• Caring about accessibility demonstrates good ethics/morals, which improves your public image.
• Other good practices that improve accessibility also make you site more usable by other groups, such as mobile phone users, those on a low network speed, etc. In fact, everyone can benefit from many such improvements.
• Did we mention it is also the law in some places?

我們?cè)诳词裁礃拥臍埣玻?/span>

殘疾人與殘疾人一樣多樣化，殘疾人也是如此。 這里的關(guān)鍵教訓(xùn)是，超越自己的計(jì)算機(jī)以及如何使用網(wǎng)絡(luò)，并開始學(xué)習(xí)他人如何使用它 - 你不是你的用戶。 要考慮的主要?dú)埣差愋腿缦?，以及用于訪問網(wǎng)絡(luò)內(nèi)容(稱為輔助技術(shù)或 AT )的任何專家工具。

視力障礙的人

這包括盲人，低視力，色盲等。許多這些人將使用屏幕放大鏡(物理放大鏡或軟件縮放功能 - 大多數(shù)瀏覽器和操作系統(tǒng)這些天有放大功能)，有些會(huì)使用 屏幕閱讀器，它是大聲讀取數(shù)字文本的軟件:

• Some are paid?commercial products, like JAWS (Windows) and Window Eyes (Windows).
• Some are free products, like NVDA (Windows), ChromeVox (Chrome, Windows and Mac OS X), and Orca (Linux).
• Some are built into the operating system, like VoiceOver (Mac OS X and iOS), ChromeVox (on Chromebooks), and TalkBack (Android).

這是一個(gè)好主意，熟悉屏幕閱讀器; 你還應(yīng)該設(shè)置一個(gè)屏幕閱讀器，并與它一起玩，來了解它的工作原理。 有關(guān)使用它們的詳細(xì)信息，請(qǐng)參閱我們的跨瀏覽器測(cè)試屏幕閱讀器指南。 下面的視頻還提供了一個(gè)簡(jiǎn)單的例子。

在統(tǒng)計(jì)數(shù)據(jù)方面，世界衛(wèi)生組織估計(jì)，"全世界估計(jì)有2.85億人視力受損:3900萬人失明，246人失明。 (請(qǐng)參閱視力損害和失明)。 這是一個(gè)龐大和重要的用戶群，只是錯(cuò)過了，因?yàn)槟木W(wǎng)站沒有正確編碼 - 幾乎與美國(guó)人口相同的人口。

聽力障礙的人

或者稱為具有聽覺障礙的人或聾人，這組人或者具有低聽力水平或者根本沒有聽力。 聽力障礙人士使用AT(見 ">助聽器，語音，語音或語言障礙的人的輔助設(shè)備)，但沒有真正特殊的AT用于計(jì)算機(jī)/網(wǎng)絡(luò)使用。

然而，需要注意的是，提供了可以從音頻內(nèi)容的替代物(從簡(jiǎn)單文本抄本到可以與視頻一起顯示的文本軌跡(即字幕))的特定技術(shù)。 我們的無障礙多媒體文章稍后將討論這些。

聽力障礙人士也代表了重要的用戶群 - 世界衛(wèi)生組織 class ="external">耳聾和聽力損失概況。

行動(dòng)障礙人士

這些人對(duì)運(yùn)動(dòng)有殘疾，這可能涉及純粹的身體問題(例如肢體或麻痹的喪失)或?qū)е滤闹珶o力或失去控制的神經(jīng)/遺傳疾病。 有些人可能難以做出使用鼠標(biāo)所需的確切的手部運(yùn)動(dòng)，而其他人可能受到更嚴(yán)重的影響，可能被嚴(yán)重麻痹到需要使用 app.aspx？cmd = getProductDetail& key = 070_921118261"class ="external">頭指針與計(jì)算機(jī)進(jìn)行交互。

這種殘疾也可能是老年人的結(jié)果，而不是任何具體的創(chuàng)傷或情況，也可能是硬件限制 - 一些用戶可能沒有老鼠。

這種通常影響Web開發(fā)工作的方式是要求可以通過鍵盤訪問控件 - 我們將在模塊的后續(xù)文章中討論鍵盤輔助功能，但是最好使用鍵盤試用一些網(wǎng)站，以了解 你得到。 您可以使用Tab鍵在Web表單的不同控件之間移動(dòng)，例如？ 有關(guān)鍵盤控件的詳情，請(qǐng)參閱我們的跨瀏覽器測(cè)試使用本機(jī)鍵盤輔助功能部分。

在統(tǒng)計(jì)方面，相當(dāng)多的人有行動(dòng)障礙。 美國(guó)疾病控制和預(yù)防中心殘疾和功能(18歲及以上的非機(jī)構(gòu)化成人) a>報(bào)告美國(guó)"任何身體功能障礙的成人百分比:15.1％"。

認(rèn)知障礙的人

可能在最后一類中可以看到最廣泛的殘疾范圍 - 認(rèn)知障礙廣泛地指精神健康問題，從學(xué)習(xí)困難，通過困難的理解和集中(如 gov / health / topics / attention-deficit-hyperactivity-disorder-adhd / index.shtml"class ="external">注意缺陷多動(dòng)障礙(ADHD))給 //www.nimh.nih.gov/health/topics/autism-spectrum-disorders-asd/index.shtml"class ="external">自閉譜，到 .nimh.nih.gov / health / topics / schizophrenia / index.shtml"class ="external">精神分裂癥，以及許多其他類型的障礙。 這種殘疾可以影響日常生活的許多部分，由于記憶，問題解決，理解，注意等問題。

這種殘疾可能影響網(wǎng)站使用的最常見的方式是難以理解如何完成任務(wù)，記住如何做以前完成的事情，或增加沮喪在混亂的工作流或不一致的布局/導(dǎo)航/其他頁面功能。

與其他Web可訪問性問題不同，不可能快速修復(fù)由于認(rèn)知障礙引起的許多Web可訪問性問題; 您最好的機(jī)會(huì)是將您的網(wǎng)站設(shè)計(jì)為盡可能合乎邏輯，一致和可用，例如確保:

• pages are consistent — navigation, header, footer, and main content are always in the same places.
• tools are well-designed and easy to use.
• multi-stage processes are broken down into logical steps, with regular reminders of how far through the process you are, and how long you've got left to complete the process, if appropriate.
• workflows are logical, simple, and require as few interactions as possible to complete. For example, registering and signing in to a website is often unneccessarily complex.
• pages are not overly long or dense in terms of the amount of information presented at once.
• the language used in your pages is as plain and easy to follow as possible, and not full of unneccessary jargon and slang.
• important points and content are?highlighted in some way.
• user errors are clearly highlighted, with help messages to sugest solutions.

這些不是"輔助功能技術(shù)"，因?yàn)樗鼈兪橇己玫脑O(shè)計(jì)實(shí)踐。 他們將使使用您網(wǎng)站的每個(gè)人受益，而且應(yīng)該是您工作的標(biāo)準(zhǔn)組成部分。

在統(tǒng)計(jì)方面，數(shù)字也是重要的。 康奈爾大學(xué)的 2014年殘疾狀況報(bào)告(PDF，511KB)表明 在2014年，美國(guó)4.5％的21-64歲的人有某種形式的認(rèn)知?dú)埣病?/span>

在項(xiàng)目中實(shí)現(xiàn)可訪問性

一個(gè)常見的可訪問性的概念是，可訪問性是一個(gè)昂貴的"額外的"實(shí)施項(xiàng)目。 OK，所以這個(gè)神話實(shí)際上可以 是真的，如果:

• You are trying to "retrofit" accessibility onto an existing website that isn't very accessible.
• You have only started to consider accessibility and uncovered related issues in the late stages of a project.

然而，如果你考慮從項(xiàng)目開始的可訪問性，使大多數(shù)內(nèi)容可訪問的成本應(yīng)該是相當(dāng)小的。

在規(guī)劃您的項(xiàng)目時(shí)，將無障礙測(cè)試納入您的測(cè)試制度，就像測(cè)試任何其他重要的目標(biāo)受眾群體(例如目標(biāo)桌面或移動(dòng)瀏覽器)一樣。 早期測(cè)試并經(jīng)常進(jìn)行測(cè)試，理想情況下運(yùn)行自動(dòng)測(cè)試以檢測(cè)可編程檢測(cè)缺失的功能(例如替代文字或鏈接文字錯(cuò)誤) a href ="/ webstart / Cross_browser_testing / Accessibility#Element_relationships_and_context">元素關(guān)系和上下文)，并對(duì)禁用的用戶組進(jìn)行一些測(cè)試，以了解更復(fù)雜的網(wǎng)站功能對(duì)他們的工作。 例如:

• Is my date picker widget usable by disabled people?
• If content updates dynamically, do visually impaired people know about it?
• Are my UI buttons accessible using the keyboard?and on touch interfaces?

您可以并且應(yīng)該記錄您的內(nèi)容中的潛在問題區(qū)域，需要工作才能使其可訪問，確保徹底測(cè)試，并考慮解決方案/替代方案。 文本內(nèi)容(如下一篇文章中所述)很容易，但是你的多媒體內(nèi)容和你的迷人3D圖形怎么樣？ 你應(yīng)該看看你的項(xiàng)目預(yù)算，真實(shí)地想想你有什么解決方案可以使這樣的內(nèi)容可訪問？ 您可以支付所有的多媒體內(nèi)容轉(zhuǎn)錄，這可能是昂貴的，但可以做到。

此外，要現(xiàn)實(shí)。 "100％可訪問性"是一個(gè)無法實(shí)現(xiàn)的理想 - 你總是會(huì)遇到某種邊緣情況，導(dǎo)致某個(gè)用戶發(fā)現(xiàn)某些內(nèi)容難以使用 - 但你應(yīng)該盡你所能。 如果您計(jì)劃包含使用WebGL創(chuàng)建的一個(gè)奇特的3D餅圖圖形，您可能希望包括一個(gè)數(shù)據(jù)表作為數(shù)據(jù)的可訪問的替代表示。 或者，您可能希望只包括表格，并刪除3D餅圖 - 該表可供所有人訪問，更快的代碼，更少的CPU密集型和更容易維護(hù)。

另一方面，如果你正在一個(gè)畫廊網(wǎng)站上展示有趣的3D藝術(shù)，由于視覺障礙人士是一個(gè)完全可視的媒介，因此期望每一件藝術(shù)品都能被視障人士完全接觸是不合理的。

為了表明您關(guān)心并考慮了輔助功能，請(qǐng)?jiān)谀木W(wǎng)站上發(fā)布無障礙聲明，詳細(xì)說明您的政策對(duì)于無障礙的政策，以及您為使網(wǎng)站可訪問而采取的步驟。 如果有人抱怨您的網(wǎng)站存在輔助功能問題，請(qǐng)與他們開始對(duì)話，同情，并采取合理步驟嘗試解決問題。

總結(jié):

• Consider accessibility from the start of a project, and test early and often. Just like any other bug, an accessibility problem becomes more expensive to fix the later it is discovered.
• Bear in mind that a lot of accessibility best practices benefit everyone, not just users with disabilities. For example, lean semantic markup is not only good for screen readers, it is also fast to load and performant, so better for everyone, especially those on mobile devices, and/or slow conections.
• Publish an accessibility statement on your site and engage with people having problems.

無障礙指南和法律

有許多清單和一套指南可用于基于可訪問性測(cè)試，這可能看起來壓倒性的乍一看。 我們的建議是讓您熟悉您需要照顧的基本領(lǐng)域，以及了解與您最相關(guān)的指南的高級(jí)結(jié)構(gòu)。

• For a start, the W3C has published a large and very detailed document that includes very precise, technology-agnostic criteria for accessibility conformance. These are called the Web Content Accessibility Guidelines (WCAG), and they are not a short read by any means. The criteria are spit up into four main categories, which specify how implementations can be made perceivable, operable, understandable, and robust. The best place to get a light introduction and start learning is WCAG at a Glance. There is no need to learn WCAG off by heart — be aware of the major areas of concern, and use a variety of techniques and tools to highlight any areas that don't conform to the WCAG criteria (see below for more).
• Your country may also have specific legislation governing the need for websites serving their population to be accessible — for example Section 508 of the Rehabilitation Act in the US,?Federal Ordinance on Barrier-Free Information Technology in Germany, the Equality Act in the UK,?Accessibilità in Italy, the Disability Discrimination Act in Australia, etc.

因此，雖然WCAG是一套指南，您的國(guó)家可能會(huì)有法律管理網(wǎng)絡(luò)無障礙，或至少公共服務(wù)可用性(可能包括網(wǎng)站，電視，物理空間等)。這是一個(gè)好主意 找出你的法律是什么。 如果你不努力檢查你的內(nèi)容是否可以訪問，你可能會(huì)遇到麻煩的法律，如果有能力的人抱怨。

這聽起來很嚴(yán)重，但真正你只需要考慮無障礙作為您的Web開發(fā)實(shí)踐的主要優(yōu)先事項(xiàng)，如上所述。 如有疑問，請(qǐng)咨詢合格的律師。 我們不會(huì)提供任何更多的建議，因?yàn)槲覀儾皇锹蓭煛?/span>

輔助功能API

Web瀏覽器使用特殊的輔助API (由底層操作系統(tǒng)提供)來公開對(duì)輔助技術(shù)(AT)有用的信息--AT通常傾向于使用語義信息，所以這些信息不會(huì) 包括樣式信息或JavaScript。 此信息構(gòu)造在稱為輔助功能樹的信息樹中。

不同的操作系統(tǒng)具有不同的可訪問性API:

• Windows: MSAA/IAccessible, UIAExpress, IAccessible2
• Mac OS X: NSAccessibility
• Linux: AT-SPI
• Android: Accessibility framework
• iOS: UIAccessibility

如果您的網(wǎng)絡(luò)應(yīng)用程序中的HTML元素提供的本機(jī)語義信息出現(xiàn)故障，您可以使用 外部"> WAI-ARIA規(guī)范，其將語義信息添加到可訪問性樹以改進(jìn)可訪問性。 您可以在我們的 WAI-ARIA基礎(chǔ)文章中詳細(xì)了解WAI-ARIA。

概要

這篇文章應(yīng)該給你一個(gè)有用的高級(jí)概述的無障礙，向你展示為什么它重要，并看看如何適應(yīng)你的工作流程。 您現(xiàn)在應(yīng)該也有一個(gè)渴望了解實(shí)現(xiàn)細(xì)節(jié)，可以使網(wǎng)站可訪問，我們將開始在下一節(jié)，看看為什么HTML是一個(gè)良好的基礎(chǔ)的可訪問性。