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

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

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

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

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

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

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

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

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

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

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

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

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

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

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))都包含在1中。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í)保持了W3C可實(shí)現(xiàn)的、技術(shù)中立的、客觀可測(cè)試的、普遍適用的可訪問性指南標(biāo)準(zhǔn)。所有新規(guī)定都在不同類型、網(wǎng)站和web內(nèi)容的實(shí)現(xiàn)中進(jìn)行了測(cè)試。

WCAG 2.0被設(shè)計(jì)為一種高度穩(wěn)定的、與技術(shù)無關(guān)的標(biāo)準(zhǔn)，并且通過更新信息支持資源保持了相關(guān)性。與WCAG 2.0一樣，WCAG 2.1也得到了廣泛的實(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)處理較輕的障礙。許多組織努力使他們的網(wǎng)站符合WCAG 2.0級(jí)別AA。

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

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

從研究人員給出的問題和可能的解決方案來看，我們可以看到，這些年來，網(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)致更大的滿足感，而那些殘疾人由于一些問題而被剝奪了這種滿足感，這些問題因人而異。重要的是人們有平等的機(jī)會(huì)和機(jī)會(huì)

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

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

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

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

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

•跨瀏覽器兼容性，

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

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

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

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

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

alt -tag的使用

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

使用更好的表

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

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

鍵盤導(dǎo)航

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

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

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

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

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

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

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

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

ARIA標(biāo)簽的使用

可訪問的富Internet應(yīng)用程序(ARIA)是一組簡單的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)、滑塊或按鈕)定義了特定的角色。其他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è)描述性的短標(biāo)題，告訴訪問者這個(gè)頁面是關(guān)于什么的。

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

- 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)題表示正文的標(biāo)題，有標(biāo)題表示引用的詞的標(biāo)題等等。

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

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

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

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

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

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

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