資訊無障礙 - 改造指南_資訊無障礙

1        引言 1.1      文檔目的

為相關承建單位改造某省網上辦事大廳資訊無障礙資訊建設提供改造指南，提高效率，使其改造符合WCAG2.0 A級、AA級標準，特編製此方案。 1.2      讀者對象

某省資訊中心、某省網上辦事大廳承建單位等相關干係人。 1.3      參考文檔

《Web內容無障礙指南 (WCAG) 2.0》

《YD/T 1822-2012 網站設計無障礙評級測試方法》

   《YD/T 1890-2009資訊無障礙輔助技術的要求和評測方法》 1.4      術語與縮寫解釋

WCAG2.0：Web內容無障礙指南2.0。

主廳：某省網上辦事大廳主廳平台，包括全省統一的前台服務門戶及後台支撐系統，在本文檔特指服務門戶。

時基媒體：音頻和視頻。 2        概述

為了體現政府提供公用服務的公平、公正、均等化的要求，保障弱勢群體獲得政府公眾服務的權利，我國政府近年一直致力於推動資訊無障礙技術在各個領域的應用，先後制定《無障礙環境建設條例》、《網站設計無障礙技術要求》、《網站設計無障礙評級測試方法》等相關法規及行業標準。在建設服務型政府的大環境之下，資訊無障礙服務成為政府主廳提高公眾服務水平、擴大公眾服務涵蓋範圍的新亮點。

某省網上辦事大廳作為串連政府和社會公眾的重要橋樑，雖然可以從某省政府資訊無障礙公用服務平台訪問某省網上辦事大廳，但是某省網上辦事大廳網站本身不能滿足WCAG（Web內容無障礙指南）2.0定義的AA層級要求，直接影響了殘障人士和老年人擷取政府資訊和服務的便捷程度；老年人和殘障人士直接存取某省網上辦事大廳無法享受某省無障礙公用服務平台提供的無障礙協助工具輔助協助。 3        總體要求 3.1      概述

以國際互連網聯盟（W3C）制定的Web內容無障礙指南（WCAG）2.0以及中華人民共和國資訊產業部發布的《網站設計無障礙技術要求》的相關標準為技術依據，參照國際通用的資訊無障礙設計規範，編製網上辦事大廳資訊無障礙建設指南。

要求從可感知性、可操作性、可理解性和相容性等方面作出要求，包括確定網站可訪問性、無障礙協助工具輔助功能等要求，為主廳門戶、省直視窗和地市分廳實施資訊無障礙建設提供技術參考。 3.2      適用某省網上辦事大廳資訊無障礙改造的WCAG2.0 A，AA級條目

序號

標準原文

等級

參考問題

原則1：可感知性-資訊和使用者介面組件必須以可感知的方式呈現給使用者。

準則1.1替代文本：為所有非常值內容提供替代文本，使其可以轉化為人們需要的其他形式，如大字型印刷，盲文，語音，符號或更簡單的語言。

1

1.1.1 非常值內容：為所有呈現給使用者的非常值內容都提供相同目的替代文本，以下情況例外：
•控制項，輸入: 如果非常值內容是一個控制項或接受使用者輸入，則應有一個描述其目的名稱。（請參閱準則4.1.2，以瞭解關於控制項和接受使用者輸入的內容的其他需求）
•時基媒體: 如果非常值內容是時基媒體，這時替代文本至少要提供非常值內容的描述標識。（請參閱準則 1.2，以瞭解關於媒體的其他需求）
•測試: 如果非常值內容是以一個以文本呈現會失效的測試或練習，則替代文本至少要提供非常值內容的描述標識。
•感官: 如果非常值內容的主要目的是建立一種特殊感官體驗，則替代文本至少要提供非常值內容的描述標識。
•驗證碼: 如果非常值內容的目的是為了確認內容正在被一個人訪問，而不是電腦訪問，則要提供識別和描述非常值內容目的的替代文本，並提供適應針對不同類型感官知覺的輸出模型的驗證碼替代方式， 以適應不同的殘障人群。
•裝飾，格式，不可見: 如果非常值內容是純粹的裝飾、或只用於視覺格式、或不呈現給使用者，則應以輔助技術可忽略的方式進行實現。

A級

依賴螢幕助讀程式的使用者，需要依靠非常值內容的替代文本，來擷取非常值內容所傳遞的資訊。

準則1.2時基媒體：為時基媒體提供替代。

說明：本主廳無多媒體相關功能

準則1.3適應性：建立可用不同方式呈現的內容（例如簡單的布局），而不會丟失資訊或結構。

2

1.3.1 資訊和關係: 通過呈現傳達的資訊、結構和關係，可以編程式確定或在文本中得到。

A級

存在使用布局和結構傳達的資訊。

3

1.3.2 有含義的順序: 當呈現出來的內容其順序影響其含義，可以通過編程式確定其正確的讀取順序。

A級

錯誤的順序會嚴重影響鍵盤使用者的訪問。

4

1.3.3 感官特性: 用於理解內容和操作內容的指示，應該不完全依賴於組件的感官特性，如形狀、大小、視覺位置、方向、或聲音。

A級

依賴某種感官的組件，將導致使用其他感官擷取資訊的使用者無法擷取資訊。如依靠視覺感官呈現的圖形驗證碼，依靠聽覺感官的使用者將無法擷取其資訊。

準則1.4可辨別性：使使用者更容易看到和聽到內容，包括把背景和前景分開。

6

1.4.2 音頻控制:如果網頁音頻自動播放超過3秒鐘，提供一個機制用以暫停或停止音頻，或者控制獨立於全域系統音量的音頻音量。

A級

超過3秒的音頻，如果未能提供停止和相關的控制機制，將使依靠聽覺擷取資訊的使用者產生困擾。

7

1.4.3 對比（最小）: 文本的視覺呈現以及文本圖片至少要有4.5:1的對比，以下部分除外：
大文本: 大號文本以及大文本圖片至少有3:1的對比;
附屬內容: 文本或文本圖片是未啟用的使用者介面組件部分，或者只是一個純粹的裝飾，或者對任何人不可見，或者只是包含其他重要可視內容的圖片一部分，此文本或文本圖片沒有對比要求。
商標: 文本作為標誌或品牌名稱的一部分，沒有最低對比要求。

AA級

對於文本呈現類主廳，此條很重要。

8

1.4.4 調整文本: 除了字幕和文本圖片外，文字大小不需要輔助技術就可以放大至200%，且沒有內容或功能損失。

AA級

存在頁面放大，內容超出螢幕的情況。且沒有主內容文本字型放大機制。

9

1.4.5 文本圖片:如果正在使用的技術可以達到視覺效果，應使用文本傳達資訊而不用文本圖片，以下部分除外：
定製: 文本圖片可根據使用者要求進行視覺定製;
必需: 文本的特殊呈現對要傳達的資訊是必需的。
注:商標（文本作為標誌或品牌名稱的一部分）被認為是必需的。

AA級

存在使用文本圖片的情況，文本圖片放大會失真，視障使用者無法獲得文本圖片上的文本資訊；

原則2：可操作性-使用者介面組件和導航必須可操作。

準則2.1鍵盤可訪問：使所有功能都能通過鍵盤來操作

10

2.1.1 鍵盤: 內容的所有功能可通過鍵盤介面實現操作並且沒有對每次鍵擊做特定時限要求，除非底層功能是依賴使用者的移動路徑並且不做為端點的輸入方法。

A級

政府類主廳應該支援鍵盤完全訪問；

11

2.1.2 無鍵盤陷阱: 如果可使用鍵盤介面能將焦點到移動到某網頁組件上，那麼可以只使用鍵盤介面操作也可以將焦點從當前組件移開，如果需要未修改的方向鍵或Tab鍵或其它標準退出方式以外的操作，要告知使用者離開焦點的方法。

A級

鍵盤陷阱是很嚴重的無障礙問題，使用者無法使用鍵盤將焦點移出目前範圍，導致不能訪問頁面中的其他內容，不應該存在於政府類主廳。

準則2.2充足的時間：為使用者提供足夠的時間用以閱讀和使用內容。

12

2.2.1 定時可調:對於由內容設定的每一個時間限制，以下部分至少有個一為真：
•關閉: 允許使用者達到時間期限之前，關閉時間限制；或
•調整: 允許使用者達到時間期限前，調整時間限制。調整範圍要放寬，至少是預設設定長度的10倍；或
•延長: 在逾時之前向使用者發出警告，並給使用者至少20秒的時間，使使用者可以通過簡單的動作來延長時間（例如“按空格鍵”），並允許使用者延長期限至少10次；或
•即時特例: 時間限制是一個即時事件（例如拍賣）的必要部分，可能沒有時間限制的替代方法；或
•必需特例: 時間限制是必需的，延長時限將導致行為失效；或
•20小時特例: 時間限制超過20個小時。

A級

應該給以使用者充足的時間進行操作，並給以延長時間的能力，過短的時間可能導致使用者無法完成操作，使用螢幕助讀程式的使用者以及神經、認知障礙的使用者，需要一定的時間進行操作。

13

2.2.2 暫停、停止、隱藏:對於運動、閃爍、滾動或自動更新的資訊，以下部分全部為真：
•運動、閃爍、滾動: 任何運動、閃爍或滾動的資訊（1）自動啟動，（2）期間超過5秒鐘，（3）與其他內容同時呈現。對於這些資訊，提供一個機制可使使用者暫停，停止或隱藏，除非運動、閃爍、或滾動是某個行為的必需部分；
•自動更新: 任何自動更新的資訊（1）自動啟動（2）與其他內容同時呈現。對於這些資訊，提供一個機制可使使用者暫停、停止、或隱藏，或控制更新的頻率，除非自動更新是某個行為的必需部分。

A級

存在滾動內容，例如滾動banner。

準則2.3癲癇：不要設計會導致癲癇發作的內容。

14

2.3.1 閃光三次或低於閾值: 網頁不包含任何閃光超過3次/秒的內容，或閃光低於一般閃光和紅色閃光閾值。

A級

由於任何不符合此成功標準的內容可幹擾使用者使用整個頁面的能力，網頁上所有的內容（無論是否滿足其他成功標準）必須符合此成功標準。

準則2.4可導航性：提供協助使用者導航、尋找內容、並確定其位置的方法。

15

2.4.1 繞過模組:提供一種機制以跳過在多個網頁中重複出現的內容模組。

A級

繞過模組機制可加速鍵盤使用者訪問的速度，讓使用者快速瞭解頁面的布局。

16

2.4.2 網頁標題: 網頁提供標題，以描述主題或用途。

A級

視障使用者使用鍵盤瀏覽網頁時，第一個聚焦的網頁元素就是其標題，視障使用者可以通過網頁標題瞭解該網頁的內容。

17

2.4.3 聚焦順序: 如果網頁可以順序導航，並且導航順序影響含義和操作，可設定焦點組件以保持其含義和可操作的順序接受聚焦。

A級

錯誤的鍵盤tab順序會嚴重影響鍵盤使用者的訪問，給鍵盤使用者造成困擾。

18

2.4.4 連結目的（在上下文裡）: 每個連結目的的確定可通過：單獨的連結文本，或者是連結文本聯絡其編程式確定的連結上下文。除非連結的目的也會困惑普通使用者。

A級

連結應該提供其目的文本，使使用者可以清晰瞭解其目的導向。

19

2.4.5 多種方法：用一種以上的方法在網頁集裡定位一個網頁，除非網頁是流程的結果或流程的某個步驟。

AA級

多種方法定位可加快使用者的導航效率。

20

2.4.6 標題和標籤: 標題和標籤說明主題或目的。

AA級

清晰的標題層級有利於使用者理解頁面內容，定位自己想要瞭解的內容。

21

2.4.7 焦點可見: 任何鍵盤可操作的使用者介面應有一套操作模式，在該模式裡鍵盤焦點指示是可見的。

AA級

對於不能使用滑鼠的視覺鍵盤使用者，焦點可見，有利於使用者定位。

原則3：可理解性-資訊和使用者介面操作必須是可理解的。

準則3.1可讀性：使常值內容可讀，可理解。

22

3.1.1 網頁語言: 每個網頁的預設人類語言可以編程式確定。

A級

部分螢幕助讀程式使用網頁語言來指定讀屏播報內容所要使用的語言。

23

3.1.2 局部語言:內容裡每個段落或短語的人類語言可以編程式確定，除了文本中專有名詞、術語、不確定語言的詞彙、已經融入到本地語言的詞語或短語。

AA級

使用者瀏覽一個網頁一般在同一個語言環境下。

準則3.2 可預測性：讓網頁以可預見的方式呈現和操作。

24

3.2.1 焦點:當任何使用者介面組件接收焦點時，不會引起上下文變化。

A級

聚焦即可觸發行為，視障使用者在沒有感知當前元素的情況就觸發操作，會給使用者造成困擾，不利於使用者理解頁面內容。

25

3.2.2 輸入:更改任何使用者介面組件設定不會自動導致上下文變化，除非使用者使用組件前已被告知該行為。

A級

會引起上下文變化的組件，需要提前告知使用者變化結果，否則，使用者將會對內容相關的變化困惑。

26

3.2.3 一致性導航: 對於在網頁集裡多個網頁中重複出現的導航機制，每次出現時都應保持同樣的相對順序，除非是由使用者引起的順序變化。

AA級

一致性的導航能協助使用者快速瀏覽版面配置相似的頁面。

27

3.2.4 一致性標識: 網頁集集裡相同功能的組件可被一致性標識。

AA級

一致性標識有助於使用者更快理解使用者介面，根據經驗找到自己想要的內容。

準則3.3輔助輸入：協助使用者避免和糾正錯誤。

28

3.3.1 錯誤標識: 如果輸入錯誤能夠被自動探索，錯誤類型應能被標識，並且用文本描述給使用者。

A級

此條常用於填寫表單時，輸入錯誤不能只標識出現了錯誤，還要告訴使用者出現了那種錯誤。有利於使用者自己獨立完成表單，改正輸入。

29

3.3.2 標籤或說明: 當需要使用者輸入內容時，要給出標籤或說明。

A級

給出使用者要輸入內容的說明和格式是非常有必要的，能夠協助使用者快速完成表單。

30

3.3.3 錯誤建議: 如果輸入錯誤能夠被自動探索，且修改建議已知，則提供建議給使用者，除非它會危及安全或影響內容目的。

AA級

使用者輸入錯誤時，給出合適的建議，能加快使用者的填寫速度，例如，註冊時，使用者輸入的使用者名稱不正確，根據已輸入的使用者名稱衍生出正確的使用者名稱。

31

3.3.4 錯誤預防（法律、金融、資料）: 對於使用者操作將引起法律承諾或者金融交易的網頁、修改或刪除資料存放區系統裡的使用者可控資料的網頁、提交使用者測試響應的網頁等 ，對於這些網頁，以下部分至少有一為真：檢查: 使用者輸入的資料將被檢查是否有輸入錯誤，並為使用者提供一個改正錯誤的機會。
確認: 提供一個機制用於最後提交之前審查、確認和糾正資訊。

AA級

使用者在提交有關法律金融的資訊時，需要請求使用者的確認，防止使用者輸入錯誤，造成無法復原的後果。

原則4：魯棒性-內容必須健壯到可信地被種類繁多的使用者代理程式(包括輔助技術)所解釋。

準則4.1相容：最大化相容當前和未來的使用者代理程式(包括輔助技術)。

32

4.1.1 解析:使用標記語言實現的內容，元素要有完整的開始和結束標籤，元素根據其規格進行嵌套，元素不包含重複的屬性，任何ID都是唯一的，除非規範允許這些特性。

A級

代碼書寫規範，有助於輔助技術對於頁面內容的解析。不規範的代碼，可能會對輔助技術解析內容的能力造成影響，甚至無法解析。

33

4.1.2 名稱，角色，值:對於所有使用者介面組件（包括但不限於：表單元素，連結和由指令碼產生的組件），名稱和角色可以編程式確定; 可由使用者佈建的狀態、屬性和值可以編程式設定，這些變化通知對使用者代理程式（包括輔助技術）有效。

A級

對於組件，應該明確提供其名稱、角色、狀態、值等資訊，這對於使用螢幕助讀程式的使用者非常重要，他們根據這些資訊來判斷如何與組件進行互動，缺少這些資訊，將使使用者產生困擾。

  4        主廳資訊無障礙改造指南 4.1      改造指南細則

WCAG2.0

說明

等級

備忘

1.1.1. 非常值內容

Image 1：圖片必須有替代文本；

A

參考改造範例4.2.2

Image 2：替代文本應傳遞正確的圖片內容與目的；

Image 3：替代文本應不包含檔案名稱；

Image 4：替代文本應不超過100個英文字元；

Image 5：裝飾性圖片應能被輔助技術忽略；

Image 6：複雜映像需有對應的長文本進行詳細描述；

Image 7：使用MathML（數學標記語言）表示數學公式。

1.3.1. 資訊和關係

Heading 5：標題必須有合理嵌套；

A

改造參考案例：中國殘疾人聯合會官網

Heading 6：標題必須有可視化的常值內容；

Heading 7：內容資訊（contentinfo）、補充內容（complementary）、表單（form）、導航（navigation）或搜尋欄（search）路標區塊內的第一個標題需為h2元素；

Heading 8：在路標區塊內的標題必須合理嵌套；

Landmark 2：所有內容區塊必須被路標標識；

Landmark 8：橫幅（banner）必須是最進階別的路標；

Landmark 9：橫幅（banner）路標區塊內只可包括導航（navigation）路標、地區（region）路標和搜尋欄（search）路標；

Landmark 10：導航（navigation）路標區塊內只能包含地區（region）或搜尋欄（search）路標；

Landmark 11：主內容（main）必須是最進階別的路標；

Landmark 12：內容資訊（contentinfo）路標必須是最進階別的路標；

Landmark 13：補充內容（complementary）必須是最進階別的路標；

Landmark 14：搜尋欄（search）路標區塊內只能包含地區（region）路標；

Landmark 15：表單（form）路標區塊內只能包含地區（region）路標；

Landmark 16：地區（region）路標必須有可訪問的名稱；

Landmark 17：路標必需具有唯一的標識；

Landmark 18：路標必須正確標示內容地區；

List 1：列表必須使用對應的語義標記；

Role 1：只有在特殊情況下才能改寫主內容（main）路標中的主內容（main）元素的預設角色（role）；

Role 2：主體（body）元素只能定義角色值為文檔（document）（預設的）或應用（application）；

Role 4：文章（article）元素只能定義角色值為地區（region）、文章（article）（預設的）、主內容（main）、文檔（document）或應用（application）；

Role 5：章節（section）元素只能定義角色值為警告（alert）、警告對話方塊（alertdialog）、應用（application）、內容資訊（contentinfo）、對話方塊（dialog）、文檔（document）、日誌（log）、主內容（main）、跑馬燈（marquee）、展示資訊（presentation）、地區（region）、搜尋欄（search）或狀態列（status）；

Role 6：只有在特殊情況下才能改寫導航（nav）的預設角色（role）；

Role 7：側邊欄（aside）元素只能定義角色值為補充內容（complementary）（預設的）、注釋（note）、地區（region）、搜尋欄（search）或展示資訊（presentation）；

Role 8：只有在特殊情況下才可以改寫橫幅（banner）路標中的頁頭（header）元素的預設角色（role）；

Role 9：只有在特殊情況下才可以改寫內容資訊（contentinfo）路標中的頁尾（footer）元素的預設角色（role）；

Role 10：只有在特殊情況下才能改寫標題（heading）中的標題（h1-h6）元素的預設角色（role）；

Table 1：資料表中的儲存格必須有對應的表頭；

Table 3：資料表必須有內容描述；

Table 4：一個頁面中的資料表必須有唯一的名稱；

Table 5：表格需標識為資料表或布局表；

Table 6：表頭必須使用th元素；

Table 7：複雜表格中的儲存格，必須使用表頭（headers）屬性標記與其相關聯的表頭；

Table 8：資料表的名稱必須與資料表的描述不同。

1.3.2. 有含義的順序

Layout 1：布局表必須有有意義的順序；

A

參考改造範例4.2.3

Layout 2：布局表不能相互嵌套；

Order 1：通過CSS確定元素位置，使呈現內容具有有意義的讀取順序。

1.3.3. 感官特性

Sensory 1：用於理解和操作的內容，應該不完全依賴於形狀、大小、視覺位置、方向、或聲音。

A

　

1.4.1. 顏色用途

Color 2：顏色不能是傳遞資訊的唯一途徑。

A

參考改造範例4.2.3

1.4.2. 音頻控制

Audio 4：當頁面載入時音頻會自動播放超過3秒鐘，提供一個機制用以暫停或停止音頻

A

改造不涉及

1.4.3. 對比（最小）

Color 1：任意大小的常值內容必須有最少4.5:1的對比，若為大文本或黑體字，則最少有3:1的對比。

AA

改造參考案例：福田政府線上

1.4.4. 調整文本

Resize 1：當調整頁面大小時，常值內容需自適應頁面大小並保證所有內容均可見。

AA

改造參考案例：某省人民政府政務公開

1.4.5. 文本映像

無

AA

　

2.1.1. 鍵盤

Keyboard 1：組件元素必須響應鍵盤事件。

A

改造參考案例：HHS官網

Keyboard 2：所有可互動元素的功能必須通過鍵盤介面實現操作；

2.1.2. 無鍵盤陷阱

Keyboard 3：對象（object）和小程式（applet）元素不能限制鍵盤焦點離開。

A

改造參考案例：北京市網上政務服務大廳

2.2.1 定時可調

Timing 1：有時間限制的可互動或可瀏覽的內容需給使用者提供一個方法來關閉、調整或延長時間限制。

A

改造參考案例：福田政府線上

2.2.2. 暫停、停止、隱藏

Timing 2：對於自動開始並持續五秒以上的運動、閃爍、滾動或自動更新的內容，需提供一種機制來暫停、停止或隱藏。

A

改造無涉及

2.3.1. 閃光三次或低於閾值

HTML 2：替換跑馬燈（marquee）元素；

A

改造無涉及

Timing 3：網頁不包含任何閃光超過3次/秒的內容，除非閃光低於一般閃光和紅色閃光閾值。

2.4.1. 繞過模組

Bypass 1：提供一個機制來跳過內容模組；

A

改造參考案例：中國殘疾人聯合會新聞詳細頁

Frame 1：架構（frame）元素需有可訪問的名稱；

Frame 2：內架構（iframe）元素需有可訪問的名稱；

Heading 1：頁面必須最少有一個h1元素；

Landmark 1：頁面必須最少有一個主內容（main）路標。

Landmark 3：頁面必須最少有一個導航（navigation）路標；

Landmark 4：網站的品牌內容需用橫幅（banner）路標進行標識；

Landmark 5：每個頁面最多隻能有一個橫幅（banner）路標；

Landmark 6：網站的管理資訊需用內容資訊（contentinfo）路標進行標識；

Landmark 7：每個頁面最多隻能有一個內容資訊（contentinfo）路標。

2.4.2. 網頁標題

Title 1：標題（title）元素需標識網站和頁面內容。

A

改造參考案例：中國殘疾人聯合會官網

2.4.3. 聚焦順序

Focus 1：焦點順序必須有意義。

A

參考改造範例4.2.7

2.4.4. 連結目的（在上下文裡）

Link 1：連結文本必須描述出連結目的；

A

參考改造範例4.2.5

Link 2：不同的連結需有其唯一的連結文本。

2.4.5. 多種方法

Navigation 1：提供至少兩種方法來定位網頁。

AA

改造參考案例：中國殘疾人聯合會官網

2.4.6. 標題和標籤

Control 10：標籤必須是唯一的；

AA

參考改造範例4.2.4

Control 11：每個提交（submit）和重設（reset）按鈕需有唯一的標籤；

Heading 2：h1元素必須在主內容（main）或橫幅（banner）路標中；

Heading 3：同級的標題元素需有唯一的可訪問名稱；

List 2：在適當的時候提供一個標籤用以描述列表內容或目的；

Table 2：資料表必須有一個標識表格目的的可訪問名稱；

Widget 12：組件角色元素標籤需充分描述其目的；

2.4.7. 焦點可見

Focus 2：鍵盤焦點是可見的。

AA

改造參考案例：某省人民政府政官網

3.1.1. 網頁語言

Language 1：網頁必須使用有效IANA語言碼。

A

改造參考案例4.2.1

3.1.2. 局部語言

Language 2：與頁面主要語言不同的常值內容需使用有效語言（lang）屬性來標記。

AA

改造參考案例：中國殘疾人聯合會官網

3.2.1. 焦點

Focus 3：目標焦點需在當前內容視窗中；

A  

Focus 4：選擇（select）元素不會自動引起上下文變化。

3.2.2. 輸入

Focus 5：使用輸入（input）或其他表單操作按鈕來提交表單。

A

參考改造範例4.2.4

3.2.3. 一致性導航

Navigation 2：網站所有頁面有一致的路標順序；

AA

改造參考案例：中國殘疾人聯合會官網

Navigation 3：網站所有頁面中用於標記重複出現的頁面章節的h1和h2元素通常有一致的順序。

3.2.4. 一致性標識

Navigation 4：網站所有頁面中的路標具有一致性標示；

AA

改造參考案例：中國殘疾人聯合會官網

Navigation 5：網站所有頁面中用於標識重複出現的頁面章節的h1和h2元素通常有一致的可訪問名稱。

3.3.1. 錯誤標識

Error 1：無效的表單控制項必須向輔助技術提供其無效值資訊。

A

　

3.3.2. 標籤或說明

Control 1：表單控制項必須有標籤；

A

改造參考案例：HHS官網

Control 2：映像按鈕必須有非空的alt或title屬性；

Control 3：一組選項按鈕必須有一個分類標籤；

Control 4：按鈕（button）元素必須有常值內容；

Control 6：使用for屬性的每個標籤（label）元素應引用對應的表單控制項；

Control 7：每個標籤（label）和圖例（legend）元素必須包含常值內容；

Control 8：每個域集（fieldset）元素有且只有一個圖例（legend）元素；

Control 9：判斷title屬性是否為合適的表單控制項標籤。

3.3.3. 錯誤建議

Error 2：使用require或aria-required屬性標記必填的表單控制項；

AA

改造參考案例：萍果官網註冊頁面

Error 3：使用aria-required屬性標記必填的組件；

Error 4：當輸出錯誤可被自動探索並且修改建議已知，應向使用者提供修改建議（部分例外）；

3.3.4. 錯誤預防（法律、金融、資料）

Error 5：當輸入內容包括法律承諾或金融交易時，必須在最終提交前向使用者提供後退、檢查和確認資料的機制。

AA

改造參考案例：萍果官網註冊頁面

4.1.1. 解析