網(wǎng)頁(yè)可及性是指確保不同能力的人可以平等地使用網(wǎng)站，以便他們可以平等地使用這些網(wǎng)站提供的商品和服務(wù)。

它是專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)不可或缺的一部分。

萬(wàn)維網(wǎng)聯(lián)盟(W3C)的無(wú)障礙網(wǎng)頁(yè)倡議將無(wú)障礙網(wǎng)頁(yè)的實(shí)踐定義為使殘疾人能夠感知、理解、導(dǎo)航和與網(wǎng)絡(luò)互動(dòng)的網(wǎng)站。他們還認(rèn)為，網(wǎng)頁(yè)的可訪問(wèn)性可以造福他人，包括老年人。

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

根據(jù)疾病控制中心的數(shù)據(jù)，每4個(gè)美國(guó)成年人中就有一個(gè)人有某種殘疾。殘疾是指身體或精神上的任何狀況(損傷)，使有這種狀況的人難以從事某些活動(dòng)(活動(dòng)受限)和與周?chē)氖澜缁?dòng)(參與受限)。

我們有不同類(lèi)型的殘疾，包括:

聽(tīng)覺(jué)(耳聾):常見(jiàn)的障礙包括沒(méi)有字幕的媒體播放，缺乏手語(yǔ)來(lái)補(bǔ)充信息。

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

語(yǔ)言:有失用癥、混亂和其他語(yǔ)言障礙的人經(jīng)常在網(wǎng)頁(yè)的可訪問(wèn)性方面遇到困難，特別是當(dāng)服務(wù)包括語(yǔ)言交互時(shí)。當(dāng)網(wǎng)站只提供電話號(hào)碼或語(yǔ)音交互方式作為聯(lián)系信息時(shí)，言語(yǔ)障礙者無(wú)法完全與網(wǎng)站進(jìn)行交互。

視覺(jué):失明、色盲和失聰?shù)娜嗽跒g覽網(wǎng)站時(shí)尤其困難。沒(méi)有文字替代的圖像，缺少非視覺(jué)線索和網(wǎng)站不提供自定義的顏色組合可能是視覺(jué)障礙的巨大障礙。

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

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

為了抑制訪問(wèn)者在網(wǎng)頁(yè)可及性方面所面臨的問(wèn)題，一個(gè)組織成立了來(lái)制定許多網(wǎng)頁(yè)所依賴的標(biāo)準(zhǔn)，他們被稱(chēng)為網(wǎng)頁(yè)可及性倡議(WAI)的W3C(萬(wàn)維網(wǎng)聯(lián)盟)。他們制定了一個(gè)關(guān)于如何使網(wǎng)站可訪問(wèn)性的標(biāo)準(zhǔn)，稱(chēng)為網(wǎng)頁(yè)內(nèi)容可訪問(wèn)性指南(WCAG)。在美國(guó)，一項(xiàng)名為《美國(guó)殘疾人法》(ADA)的法案迫使人們依法訪問(wèn)數(shù)字資產(chǎn)和網(wǎng)站。

WCAG指南解釋了如何使殘疾人更容易訪問(wèn)web內(nèi)容。

Web內(nèi)容通常指Web頁(yè)面或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))都包含在1中。2.0的成功標(biāo)準(zhǔn)與2.1完全相同。在2.1中引入了2.0中沒(méi)有的其他成功標(biāo)準(zhǔn)。WCAG 2.1更新了WCAG 2.0，擴(kuò)展了W3C的可訪問(wèn)性指南，同時(shí)保持了W3C可實(shí)現(xiàn)的、技術(shù)中立的、客觀可測(cè)試的、普遍適用的可訪問(wèn)性指南標(biāo)準(zhǔn)。所有新規(guī)定都在不同類(lèi)型、網(wǎng)站和web內(nèi)容的實(shí)現(xiàn)中進(jìn)行了測(cè)試。

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

WCAG有三個(gè)一致性級(jí)別(A, AA, AAA)。A級(jí)標(biāo)準(zhǔn)級(jí)解決了阻礙訪問(wèn)的最嚴(yán)重的障礙;AA級(jí)和AAA級(jí)標(biāo)準(zhǔn)處理較輕的障礙。許多組織努力使他們的網(wǎng)站符合WCAG 2.0級(jí)別AA。

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

使web具有可訪問(wèn)性取決于開(kāi)發(fā)人員構(gòu)建web。使你的網(wǎng)站對(duì)殘疾人開(kāi)放，最終將使它對(duì)每個(gè)人開(kāi)放。所有人都可以訪問(wèn)web的一些方法包括:使用ALT標(biāo)簽，使用更好的表格，使用默認(rèn)的HTML標(biāo)簽，媒體關(guān)閉字幕。

從研究人員給出的問(wèn)題和可能的解決方案來(lái)看，我們可以看到，這些年來(lái)，網(wǎng)頁(yè)可訪問(wèn)性標(biāo)準(zhǔn)有了很大的改進(jìn)。殘疾人士和非殘疾人士現(xiàn)在都可以輕松訪問(wèn)這些網(wǎng)站。殘障人士現(xiàn)在可以從各種網(wǎng)站獲取信息、做生意和娛樂(lè)。這并不意味著在網(wǎng)頁(yè)可訪問(wèn)性方面沒(méi)有一些挑戰(zhàn)。

為殘疾人設(shè)計(jì)或提供無(wú)障礙網(wǎng)頁(yè)是非常困難的。它往往對(duì)沒(méi)有殘疾的人更有用，導(dǎo)致更大的滿足感，而那些殘疾人由于一些問(wèn)題而被剝奪了這種滿足感，這些問(wèn)題因人而異。重要的是人們有平等的機(jī)會(huì)和機(jī)會(huì)

可訪問(wèn)的站點(diǎn)通過(guò)多種感官渠道(如聲音和視覺(jué))呈現(xiàn)信息，并且允許站點(diǎn)導(dǎo)航和交互的額外手段，而不僅僅是典型的點(diǎn)-點(diǎn)界面:基于鍵盤(pán)的控制和基于語(yǔ)音的導(dǎo)航。多感官方法和多交互方法的組合允許禁用用戶訪問(wèn)與非禁用用戶相同的信息。

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

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

實(shí)現(xiàn)網(wǎng)頁(yè)可訪問(wèn)性通常會(huì)在幾個(gè)因素下提高技術(shù)性能。這是;

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

•跨瀏覽器兼容性，

•準(zhǔn)備實(shí)施未來(lái)的技術(shù)，

•減少了網(wǎng)站開(kāi)發(fā)和維護(hù)時(shí)間

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

使一個(gè)網(wǎng)站對(duì)殘疾人無(wú)障礙，最終將使它對(duì)每個(gè)人都無(wú)障礙。這取決于構(gòu)建web的開(kāi)發(fā)人員。

發(fā)展商應(yīng)當(dāng)考慮下列事項(xiàng):

alt -tag的使用

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

使用更好的表

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

應(yīng)該添加“scope”元素，并在新行和新列中整齊地標(biāo)記，這樣屏幕閱讀器就不會(huì)在不提供任何上下文的情況下快速地寫(xiě)出一系列表格單元格。

鍵盤(pán)導(dǎo)航

默認(rèn)情況下，網(wǎng)站上的任何東西都應(yīng)該是可以想象的只用鍵盤(pán)就可以完成的。這意味著導(dǎo)航按鈕不應(yīng)該被打亂。

例如，如果導(dǎo)航按鈕不能與屏幕閱讀器一起使用，那么它就不應(yīng)該是動(dòng)態(tài)的下拉按鈕。

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

對(duì)于網(wǎng)頁(yè)可訪問(wèn)性，默認(rèn)的html標(biāo)簽不應(yīng)該被混淆。按鈕應(yīng)該用于按鈕，而不是用于按鈕的錨。如果把它們搞混了，屏幕閱讀器就會(huì)完全困惑，因?yàn)樗衅聊婚喿x器都遵循特定的方式來(lái)讀取web頁(yè)面上的元素。為了使錨像按鈕一樣工作，它需要額外的JavaScript(一種編程語(yǔ)言)事件，這是一個(gè)非常愚蠢的方法，當(dāng)正常裸按鈕可以使用。

為媒體關(guān)閉字幕

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

應(yīng)該提供播客或其他音頻元素的文本文本。文本文本不僅可以讓谷歌和其他搜索引擎更容易地對(duì)內(nèi)容進(jìn)行索引并幫助谷歌排名，而且對(duì)于那些無(wú)法收聽(tīng)音頻的人也很有用。

在媒體文件上有字幕將使它可以被殘疾人訪問(wèn)，最終將被每個(gè)人訪問(wèn)。

ARIA標(biāo)簽的使用

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

ARIA有一組特殊的可訪問(wèn)性HTML屬性，可以將其添加到任何標(biāo)記中，但特別適合于HTML。role屬性為對(duì)象類(lèi)型(如文章、警報(bào)、滑塊或按鈕)定義了特定的角色。其他ARIA屬性提供了其他有用的屬性，比如表單的描述或進(jìn)度條的當(dāng)前寬度。ARIA屬性還可用于指定對(duì)象(特別是按鈕)的活動(dòng)或禁用狀態(tài)。

標(biāo)題標(biāo)簽

瀏覽器并不總是在網(wǎng)頁(yè)正文中顯示HTML標(biāo)題標(biāo)簽，但它對(duì)屏幕閱讀器和標(biāo)簽標(biāo)題很有幫助。每個(gè)網(wǎng)站的頁(yè)面都必須有一個(gè)描述性的短標(biāo)題，告訴訪問(wèn)者這個(gè)頁(yè)面是關(guān)于什么的。

綜上所述，一個(gè)標(biāo)準(zhǔn)的無(wú)障礙網(wǎng)站必須考慮以下事項(xiàng):

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

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

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

- 4。顏色的選擇和使用必須謹(jǐn)慎;以防有視力問(wèn)題的用戶。

- 5所示。顏色也不應(yīng)該用作導(dǎo)航工具或區(qū)分物品的唯一方法。

- 6所示。網(wǎng)站應(yīng)該有跳過(guò)導(dǎo)航功能

- 7所示。網(wǎng)站鏈接應(yīng)該有一個(gè)獨(dú)特的和描述性的名字。

- 8。如果本網(wǎng)站涉及視頻，則必須提供音頻信息的可視訪問(wèn)。

- 9。圖像在標(biāo)記/代碼中應(yīng)包括Alt文本;復(fù)雜的圖像應(yīng)該在圖像附近有更廣泛的描述(可能是在相鄰段落中內(nèi)置的標(biāo)題或描述性摘要)

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