網(wǎng)站可訪問性是確保網(wǎng)站對(duì)不同能力的人平等可用的實(shí)踐，這樣他們就可以平等地訪問這些網(wǎng)站提供的商品和服務(wù)。

它是專業(yè)網(wǎng)頁設(shè)計(jì)和開發(fā)的一個(gè)組成部分。

萬維網(wǎng)聯(lián)盟(W3C)的無障礙網(wǎng)頁倡議將無障礙網(wǎng)頁定義為讓殘障人士能夠感知、理解、瀏覽并與網(wǎng)絡(luò)互動(dòng)的網(wǎng)站。他們還認(rèn)為，網(wǎng)絡(luò)可訪問性可以造福其他人，包括老年人。

目前，網(wǎng)絡(luò)已經(jīng)出現(xiàn)在我們生活的各個(gè)領(lǐng)域。它已經(jīng)成為我們?nèi)粘Ｉ畹囊徊糠?。它使我們更容易地接受教育、娛樂、管理我們的業(yè)務(wù)、購(gòu)物，甚至獲取全球信息。web在我們生活的許多方面都是一個(gè)越來越重要的資源，包括教育、就業(yè)、政府、商業(yè)、醫(yī)療保健和娛樂。重要的是人們有平等的機(jī)會(huì)和機(jī)會(huì)。

根據(jù)疾控中心的數(shù)據(jù)，每四個(gè)美國(guó)成年人中就有一個(gè)有某種殘疾。殘疾是指身體或精神上的任何狀況(損傷)，使有這種狀況的人更難進(jìn)行某些活動(dòng)(活動(dòng)限制)，更難與周圍的世界互動(dòng)(參與限制)。

我們有不同類型的殘疾，包括:

聽覺障礙(耳聾):常見的障礙包括沒有字幕的媒體播放器，缺乏手語來補(bǔ)充信息。

身體上的:通常被稱為運(yùn)動(dòng)障礙，身體上的限制會(huì)導(dǎo)致網(wǎng)絡(luò)無法訪問。沒有完整的鍵盤或鼠標(biāo)支持的網(wǎng)站，以及那些需要時(shí)間限制才能完成任務(wù)的網(wǎng)站，可能會(huì)給那些身體殘疾的人帶來問題。

語言:患有失用癥、語言混亂癥和其他語言障礙的人通常很難訪問web，尤其是當(dāng)服務(wù)中包含了語言交互時(shí)。當(dāng)網(wǎng)站只提供電話號(hào)碼或語音互動(dòng)方式作為聯(lián)系方式時(shí)，有語言障礙的人無法完全與網(wǎng)站互動(dòng)。

視覺:失明、色盲和失聰?shù)娜擞绕潆y以理解許多網(wǎng)站。對(duì)于那些有視覺障礙的人來說，沒有文本替代選項(xiàng)的圖像、缺少非視覺線索的圖像以及沒有提供自定義顏色組合的網(wǎng)站都是巨大的障礙。

在許多國(guó)家，殘疾人不受歧視已成為法律。

那些被判有罪的人將根據(jù)法律受到懲罰。這使殘疾人也能享受到非殘疾人享受到的一些福利。無障礙網(wǎng)絡(luò)可以幫助殘疾人更積極地參與社會(huì)活動(dòng)。這是與許多殘疾人做生意的最簡(jiǎn)單的方式，例如不能閱讀印刷材料的人，去實(shí)體店或商場(chǎng)有困難的人。他們可以很容易地在網(wǎng)上把它們送到他們的家門口。

為了遏制訪問者在可訪問性方面所面臨的問題，一個(gè)組織被稱為萬維網(wǎng)聯(lián)盟(World Wide web consortium)的網(wǎng)頁可訪問性倡議(web accessibility initiative, WAI)，專門制定了許多網(wǎng)頁所依賴的標(biāo)準(zhǔn)。他們制定了一個(gè)關(guān)于如何使網(wǎng)站具有可訪問性的標(biāo)準(zhǔn)，稱為“網(wǎng)頁內(nèi)容可訪問性指南”(WCAG)。在美國(guó)，一項(xiàng)名為《美國(guó)殘疾人法》(ADA)的法案強(qiáng)制數(shù)字資產(chǎn)和網(wǎng)站依法可訪問。

WCAG指南解釋了如何使網(wǎng)絡(luò)內(nèi)容對(duì)殘疾人更容易訪問。

Web內(nèi)容一般是指Web頁面或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中沒有的其他成功標(biāo)準(zhǔn)。WCAG 2.1更新了WCAG 2.0，并擴(kuò)展了W3C的易訪問性指南，同時(shí)維護(hù)了W3C的可實(shí)現(xiàn)、技術(shù)中立、客觀可測(cè)試和普遍適用的易訪問性指南標(biāo)準(zhǔn)。所有新規(guī)定都已在不同類型、網(wǎng)站和網(wǎng)頁內(nèi)容的實(shí)施中進(jìn)行了測(cè)試。

WCAG 2.0被設(shè)計(jì)為一種高度穩(wěn)定的、技術(shù)無關(guān)的標(biāo)準(zhǔn)，并通過對(duì)信息支持資源的更新保持相關(guān)性。和WCAG 2.0一樣，WCAG 2.1由一個(gè)廣泛的實(shí)現(xiàn)技術(shù)庫支持，包括對(duì)WCAG 2.1的理解和技術(shù)。

WCAG有三個(gè)一致性級(jí)別(A、AA、AAA)。A級(jí)標(biāo)準(zhǔn)級(jí)別處理妨礙訪問的最嚴(yán)重障礙;AA級(jí)和AAA級(jí)標(biāo)準(zhǔn)針對(duì)較輕的障礙。許多組織為他們的網(wǎng)站爭(zhēng)取WCAG 2.0級(jí)別的AA一致性。

一些問題已經(jīng)被發(fā)現(xiàn)是網(wǎng)頁的可訪問性問題。其中包括:太多的內(nèi)容、reCAPTCHA、可讀性差、分散注意力的圖像和圖形、糟糕的鏈接信息、無法替代圖像、視頻和音頻、不當(dāng)使用HTML等。

使web可訪問取決于開發(fā)人員為web構(gòu)建的內(nèi)容。讓你的網(wǎng)站對(duì)殘疾人開放，最終會(huì)讓所有人都能訪問。讓所有人都能訪問web的方法包括:使用ALT標(biāo)簽，使用更好的表格，使用默認(rèn)的HTML標(biāo)簽，媒體的封閉標(biāo)題。

從研究人員提出的問題和可能的解決方案來看，我們可以看到網(wǎng)頁可訪問性標(biāo)準(zhǔn)在過去幾年有了很大的改進(jìn)。殘疾人士和非殘疾人士現(xiàn)在都能很容易地完全訪問這些網(wǎng)站。殘疾人現(xiàn)在可以從各種網(wǎng)站上獲取信息，做生意和娛樂。這并不意味著在網(wǎng)頁可訪問性方面沒有一些挑戰(zhàn)。

為殘疾人設(shè)計(jì)和提供無障礙網(wǎng)頁非常困難。它往往對(duì)沒有殘疾的人更有用，導(dǎo)致更大的滿意度，而那些有殘疾的人被剝奪了這種滿意度，因?yàn)橐恍﹩栴}因人而異和殘疾。重要的是人們有平等的機(jī)會(huì)和機(jī)會(huì)

可訪問的站點(diǎn)通過多種感官通道(如聲音和視覺)來呈現(xiàn)信息，它們還支持除了典型的點(diǎn)擊界面之外的額外的站點(diǎn)導(dǎo)航和交互方式:基于鍵盤的控制和基于語音的導(dǎo)航。多感官方法和多交互方法的組合允許殘疾用戶訪問與非殘疾用戶相同的信息。

通過使您的網(wǎng)站具有可訪問性，您就確保了所有潛在用戶(包括殘疾人)都有良好的用戶體驗(yàn)，并且能夠輕松訪問您的信息。通過實(shí)現(xiàn)可訪問性最佳實(shí)踐，您也提高了站點(diǎn)對(duì)所有用戶的可用性。

可訪問性與其他最佳實(shí)踐相重疊，如移動(dòng)網(wǎng)頁設(shè)計(jì)、設(shè)備獨(dú)立性、多模式交互、可用性、老年用戶設(shè)計(jì)和搜索引擎優(yōu)化(SEO)。案例研究表明，可訪問的網(wǎng)站有更好的搜索結(jié)果，降低維護(hù)成本，增加受眾，以及其他好處。”

實(shí)現(xiàn)Web可訪問性通常會(huì)在幾個(gè)因素下改善技術(shù)性能。這是;

•減少帶寬使用和服務(wù)器負(fù)載，

•跨瀏覽器兼容性，

•為實(shí)施未來技術(shù)做好準(zhǔn)備，

•減少站點(diǎn)開發(fā)和維護(hù)時(shí)間

•不同配置支持的內(nèi)容，如移動(dòng)設(shè)備，屏幕閱讀器，不同的操作系統(tǒng)和瀏覽器。

讓殘障人士都能訪問網(wǎng)站，最終會(huì)讓所有人都能訪問網(wǎng)站。這取決于開發(fā)人員構(gòu)建web。

開發(fā)者應(yīng)該考慮以下幾點(diǎn):

使用alt標(biāo)記

alt-tag或替代(alt) html屬性主要用于描述圖像。當(dāng)然，(alt= " ")可以是空的，但最好為每個(gè)屏幕閱讀器提供有用的描述。假設(shè)你是盲人，關(guān)于圖像你需要知道什么?“女性”并沒有多大幫助，但也許使用屏幕閱讀器的“女性繪制設(shè)計(jì)流程圖，包括易訪問性、可用性、品牌和設(shè)計(jì)”會(huì)更好

使用更好的桌子

應(yīng)該使用caption標(biāo)簽將標(biāo)題添加到表中，以便讓屏幕閱讀器更容易理解它們，而不僅僅是將表的標(biāo)題用粗體顯示。

應(yīng)該添加“scope”元素，并在新的行和列中整齊地貼上標(biāo)簽，這樣屏幕閱讀器就不會(huì)在沒有給出任何上下文的情況下簡(jiǎn)單地列出一系列表格單元格。

鍵盤導(dǎo)航

默認(rèn)情況下，網(wǎng)站上的任何內(nèi)容都應(yīng)該是可以通過鍵盤實(shí)現(xiàn)的。這意味著導(dǎo)航按鈕不應(yīng)該混亂。

例如，導(dǎo)航按鈕不應(yīng)該是動(dòng)畫下拉按鈕，如果他們不能與屏幕閱讀器一起使用。

默認(rèn)HTML標(biāo)簽的使用

對(duì)于web可訪問性，默認(rèn)的html標(biāo)簽不應(yīng)該被混淆。鈕扣應(yīng)該用于鈕扣而不是錨用于鈕扣?；煜鼈儗⑹蛊聊婚喿x器完全困惑，因?yàn)樗衅聊婚喿x器都遵循一種特定的方式來閱讀網(wǎng)頁上的元素。為了讓錨點(diǎn)像按鈕一樣工作，它需要額外的JavaScript(一種編程語言)事件，這是一種非常愚蠢的方法，當(dāng)普通的裸按鈕可以使用時(shí)。

為媒體封閉的字幕

網(wǎng)站上的視頻或音頻元素應(yīng)該有字幕。封閉的字幕不僅對(duì)易訪問性(永久或臨時(shí)殘疾用戶)非常有用，而且對(duì)那些可能在無法播放音頻的地方使用網(wǎng)站的用戶(如在辦公室或嘈雜的地方)也非常有用。

應(yīng)提供播客或其他音頻元素的文本文本。文本文本不僅使谷歌和其他搜索引擎更容易索引內(nèi)容和幫助谷歌排名，而且對(duì)那些不能聽音頻的人也很有用。

在媒體文件上添加字幕將使殘障人士也能使用，最終每個(gè)人都能使用。

ARIA標(biāo)簽的使用

可訪問的富Internet應(yīng)用程序(ARIA)是一組簡(jiǎn)單的HTML屬性，它定義了使Web內(nèi)容和Web應(yīng)用程序(特別是那些使用Ajax、JavaScript和Bootstrap等最新Web技術(shù)開發(fā)的應(yīng)用程序)對(duì)殘疾人更容易訪問的方法。例如，ARIA支持可訪問的導(dǎo)航地標(biāo)、JavaScript小部件、表單提示和錯(cuò)誤消息、實(shí)時(shí)內(nèi)容更新等。

ARIA有一組特殊的可訪問性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)頁主體中顯示HTML標(biāo)題標(biāo)簽，但它對(duì)屏幕閱讀器和標(biāo)簽標(biāo)題很有幫助。每個(gè)網(wǎng)站的頁面都必須有一個(gè)簡(jiǎn)短的描述性標(biāo)題，告訴訪問者這個(gè)頁面是關(guān)于什么的。

總之，一個(gè)標(biāo)準(zhǔn)的無障礙網(wǎng)站必須考慮以下幾點(diǎn):

- 1。用戶界面必須是用戶友好的，無論殘疾。

- 2。功能:網(wǎng)站應(yīng)該可以通過鼠標(biāo)、鍵盤和語音控制系統(tǒng)訪問。這將允許用戶使用任何這些功能訪問web，殘疾不會(huì)成為障礙。

- 3。標(biāo)題必須被正確地使用來組織內(nèi)容的結(jié)構(gòu)，有不同類型的標(biāo)題，有指出標(biāo)題的標(biāo)題，指出主體的標(biāo)題，指出引用的詞的標(biāo)題，等等。

- 4。顏色的選擇和使用必須小心謹(jǐ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)站涉及視頻，必須為音頻信息提供視覺訪問。

- 9。圖像應(yīng)該在標(biāo)記/代碼中包含Alt文本;復(fù)雜的圖像應(yīng)該在圖像附近有更廣泛的描述(可能作為一個(gè)標(biāo)題或在相鄰段落中建立的描述性摘要)

- 10。避免使用表格進(jìn)行布局;而是將其用于表格數(shù)據(jù)。