重慶網頁制作
2020年網頁可訪問性標準的完整清單

來源：派臣科技|時間：2020-10-13|瀏覽：次

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

它是專業網頁設計和開發不可或缺的一部分。

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

目前，網絡已經出現在我們生活的方方面面。它已經成為我們日常生活的一部分。它使我們更容易接受教育、娛樂、管理我們的生意、購物，甚至是獲取關于全球的信息。網絡在我們生活的許多方面都是越來越重要的資源，包括:教育、就業、政府、商業、醫療保健和娛樂。重要的是人們有平等的機會和機會。

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

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

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

身體上的:通常被稱為運動障礙，身體上的限制會導致無法上網。沒有完整的鍵盤或鼠標支持的網站，那些需要時間來完成任務的網站可能會給那些身體殘疾的人帶來問題。

語言:有失用癥、混亂和其他語言障礙的人經常在網頁的可訪問性方面遇到困難，特別是當服務包括語言交互時。當網站只提供電話號碼或語音交互方式作為聯系信息時，言語障礙者無法完全與網站進行交互。

視覺:失明、色盲和失聰的人在瀏覽網站時尤其困難。沒有文字替代的圖像，缺少非視覺線索和網站不提供自定義的顏色組合可能是視覺障礙的巨大障礙。

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

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

為了抑制訪問者在網頁可及性方面所面臨的問題，一個組織成立了來制定許多網頁所依賴的標準，他們被稱為網頁可及性倡議(WAI)的W3C(萬維網聯盟)。他們制定了一個關于如何使網站可訪問性的標準，稱為網頁內容可訪問性指南(WCAG)。在美國，一項名為《美國殘疾人法》(ADA)的法案迫使人們依法訪問數字資產和網站。

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

Web內容通常指Web頁面或Web應用程序中的信息，包括:自然信息(如文本、圖像和聲音)、定義結構、表示等的代碼或標記。WCAG 2.0于2008年12月11日發布。WCAG 2.1成立于2018年6月5日。2.0中的所有需求(成功標準)都包含在1中。2.0的成功標準與2.1完全相同。在2.1中引入了2.0中沒有的其他成功標準。WCAG 2.1更新了WCAG 2.0，擴展了W3C的可訪問性指南，同時保持了W3C可實現的、技術中立的、客觀可測試的、普遍適用的可訪問性指南標準。所有新規定都在不同類型、網站和web內容的實現中進行了測試。

WCAG 2.0被設計為一種高度穩定的、與技術無關的標準，并且通過更新信息支持資源保持了相關性。與WCAG 2.0一樣，WCAG 2.1也得到了廣泛的實現技術庫、教育材料的支持，包括對WCAG 2.1的理解和技術。

WCAG有三個一致性級別(A, AA, AAA)。A級標準級解決了阻礙訪問的最嚴重的障礙;AA級和AAA級標準處理較輕的障礙。許多組織努力使他們的網站符合WCAG 2.0級別AA。

一些問題已經被發現是網頁可訪問性的問題。其中包括:過多的內容、reCAPTCHA、易讀性差、分散注意力的圖像和圖形、差勁的鏈接信息、沒有圖像、視頻和音頻的替代品、HTML的不當使用等等。

使web具有可訪問性取決于開發人員構建web。使你的網站對殘疾人開放，最終將使它對每個人開放。所有人都可以訪問web的一些方法包括:使用ALT標簽，使用更好的表格，使用默認的HTML標簽，媒體關閉字幕。

從研究人員給出的問題和可能的解決方案來看，我們可以看到，這些年來，網頁可訪問性標準有了很大的改進。殘疾人士和非殘疾人士現在都可以輕松訪問這些網站。殘障人士現在可以從各種網站獲取信息、做生意和娛樂。這并不意味著在網頁可訪問性方面沒有一些挑戰。

為殘疾人設計或提供無障礙網頁是非常困難的。它往往對沒有殘疾的人更有用，導致更大的滿足感，而那些殘疾人由于一些問題而被剝奪了這種滿足感，這些問題因人而異。重要的是人們有平等的機會和機會

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

通過使您的網站具有可訪問性，您確保了所有潛在用戶，包括殘疾人，具有良好的用戶體驗并能夠輕松訪問您的信息。通過實現可訪問性最佳實踐，您還可以提高站點對所有用戶的可用性。

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

實現網頁可訪問性通常會在幾個因素下提高技術性能。這是;

減少帶寬使用和服務器負載，

•跨瀏覽器兼容性，

•準備實施未來的技術，

•減少了網站開發和維護時間

•不同配置啟用的內容，如移動設備、屏幕閱讀器、不同操作系統和瀏覽器。

使一個網站對殘疾人無障礙，最終將使它對每個人都無障礙。這取決于構建web的開發人員。

發展商應當考慮下列事項:

alt -tag的使用

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

使用更好的表

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

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

鍵盤導航

默認情況下，網站上的任何東西都應該是可以想象的只用鍵盤就可以完成的。這意味著導航按鈕不應該被打亂。

例如，如果導航按鈕不能與屏幕閱讀器一起使用，那么它就不應該是動態的下拉按鈕。

默認HTML標簽的用法

對于網頁可訪問性，默認的html標簽不應該被混淆。按鈕應該用于按鈕，而不是用于按鈕的錨。如果把它們搞混了，屏幕閱讀器就會完全困惑，因為所有屏幕閱讀器都遵循特定的方式來讀取web頁面上的元素。為了使錨像按鈕一樣工作，它需要額外的JavaScript(一種編程語言)事件，這是一個非常愚蠢的方法，當正常裸按鈕可以使用。

為媒體關閉字幕

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

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

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

ARIA標簽的使用

可訪問的富Internet應用程序(ARIA)是一組簡單的HTML屬性，它定義了使Web內容和Web應用程序(特別是那些用Ajax、JavaScript和Bootstrap等更近期的Web技術開發的應用程序)對殘疾人更容易訪問的方法。例如，ARIA支持可訪問的導航標志、JavaScript小部件、表單提示和錯誤消息、實時內容更新等等。

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

標題標簽

瀏覽器并不總是在網頁正文中顯示HTML標題標簽，但它對屏幕閱讀器和標簽標題很有幫助。每個網站的頁面都必須有一個描述性的短標題，告訴訪問者這個頁面是關于什么的。

綜上所述，一個標準的無障礙網站必須考慮以下事項:

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

- 2。功能:網站應該可以通過鼠標，鍵盤和語音控制系統。這將允許用戶使用任何這些功能訪問web，殘疾將不會成為障礙。

- 3。標題必須被正確地使用來組織內容的結構，標題有不同的類型，有標題表示標題的標題，有標題表示正文的標題，有標題表示引用的詞的標題等等。

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

- 5所示。顏色也不應該用作導航工具或區分物品的唯一方法。

- 6所示。網站應該有跳過導航功能

- 7所示。網站鏈接應該有一個獨特的和描述性的名字。

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