跳到主要內容區塊
:::|

檢測碼與稽核評量碼

  • 點閱:33045
  • 資料來源:本服務網
  • 日期:103-12-31

網站整體評量

1.通過所有檢測等級A之檢測程序

相關稽核評量碼

  • EV1000000

 

2.通過所有檢測等級A、AA之軟體檢測程序,並通過所有檢測等級A之自我評量程序

相關稽核評量碼

  • EV2000001

3.通過所有檢測等級A、AA、AAA之軟體檢測程序,並通過所有檢測等級A、AA之自我評量程序

相關稽核評量碼

  • EV3000002

 

指引一(替代文字):為任何非文字的內容提供相等意義的替代文字,使這些內容能依人們的需求,轉變成大字版、點字、語音、符號或簡化過的語言等不同型態

 

 

1.1(檢測等級A)如果非文字的內容是個控制元件或接受使用者輸入的元件,那麼它就會有個用來描述其目的的名稱(這種情況請參考規範12)。

 

相關檢測碼

  • XH1010100:圖片組件需有替代文字屬性

範例說明(另開新視窗)|

 

  • XH1010101:影像地圖的區域組件需有替代文字屬性,且其值不得為空字串或空白

範例說明(另開新視窗)|

 

  • XH1010102:圖片組件之長描述屬性值需為有效之URI,且其目的資源末端能以超連結回到此圖片組件

範例說明(另開新視窗)|

 

  • XH1010103:字符圖案、表情符號、其他挪用文字外型作為表意功能之語言形式等內容,需透過合適組件的標題屬性來提供替代文字,且其值不得為空字串或空白

範例說明(另開新視窗)|

 

  • XH1010104:型別屬性值為圖片之輸入組件,需有替代文字屬性,且其值不得為空字串或空白

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1010100:圖片需要加上有意義、可代替圖片在文件脈絡中的功能及內容的替代文字

範例說明(另開新視窗)|

 

  • EV1010101:僅在一組緊連圖片中的其中一個項目使用替代文字,描述該組圖片的所有項目

範例說明(另開新視窗)|

 

  • EV1010102:提供影像地圖區域的替代文字,並要能確實表達這些地圖區域的功能與目的

範例說明(另開新視窗)|

 

  • EV1010103:圖片無法以替代文字清晰表達時,利用長描述提供更詳盡的說明網頁網址,利用整個說明網頁的篇幅來詳盡描述,最後並要能連結回原本的圖片

範例說明(另開新視窗)|

 

  • EV1010104:提供字符圖案、表情符號、其他挪用文字外型作為表意功能之語言形式的替代文字,且其替代文字需有意義、可代替前述內容之目的與功能

範例說明(另開新視窗)|

 

  • EV1010105:圖片以外的非文字內容需要有替代文字或長描述,並需具有與該內容或物件相同目的、呈現相同資訊,或者可提供概略描述、俗名、描述性名稱

範例說明(另開新視窗)|

 

  • EV1010106:作為「送出」按鈕之用的圖片需提供替代文字,且此替代文字需能充分表達此按鈕之意義與功能

範例說明(另開新視窗)|

 

 

1.2(檢測等級A)如果非文字的內容是個時序媒體,那麼替代文字至少要為此非文字內容提供描述性的識別資訊(這種情況請參考規範2)。

相關檢測碼

  • XH1010201:物件組件需加入替代物件、替代媒體、替代文字內容

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1010200:提供可描述現場純音訊內容目的及現場純視訊內容目的的描述性標籤

範例說明(另開新視窗)|

 

 

1.3(檢測等級A)如果非文字的內容改以文字呈現即會導致測驗或習題無效,那麼替代文字至少要為此非文字內容提供描述性的識別資訊。

相關檢測碼

 

相關稽核評量碼

  • EV1010301:提供物件的文字替代內容與非文字替代內容,且要能完整表達該物件的意義與功能

範例說明(另開新視窗)|

 

 

1.4(檢測等級A)如果非文字的內容主要是為了創造特定的知覺體驗,那麼替代文字至少要為此非文字內容提供描述性的識別資訊。

相關檢測碼

 

相關稽核評量碼

  • EV1010400:針對虛擬實境、立體成像、或環場空間等知覺體驗的非文字內容需要有替代文字或長描述,並至少要為這些非文字內容提供描述性的識別資訊

範例說明(另開新視窗)|

 

 

1.5(檢測等級A)如果非文字的內容,是為了要確認取用內容的是人而非電腦,那麼首先要以替代文字來指出及描述此非文字內容的目的,接著還要提供替代的CAPTCHA驗證,採不同感官感知類型的輸出模式,以顧及不同的障礙。

相關檢測碼

 

相關稽核評量碼

  • EV1010500:任何CAPTCHA驗證均需提供描述CAPTCHA驗證目的的替代文字

範例說明(另開新視窗)|

 

  • EV1010501:網頁上任何一個CAPTCHA驗證均至少有另一個運用不同形式的CAPTCHA驗證,且具有相同的目的與功能

範例說明(另開新視窗)|

 

 

1.6(檢測等級A)如果非文字的內容完全只有裝飾作用、僅用於視覺格式排版、或根本不會呈現在使用者面前,那麼就要用輔助科技能加以忽略的方式來實踐。

相關檢測碼

  • XH1010600:替代文字屬性值為空字串的圖片組件,不得有標題屬性

範例說明(另開新視窗)|

 

相關自我評量碼

  • EV1010600:對於輔助科技應當要忽略的圖片,使用空字串作為替代文字,並且不可使用標題屬性

範例說明(另開新視窗)|

 

  • EV1010601:裝飾性圖片均透過CSS來置入

範例說明(另開新視窗)|

 

  • EV1010602:使用CSS方塊模型來處理版面設計,不要用佔位圖片

範例說明(另開新視窗)|

 

指引二(時序媒體):針對時序媒體提供替代內容

 

 

2.1(檢測等級A)除非音訊及視訊是文字內容的替代媒體,並且有明確地標示出來,否則就應該做到下列事項:

1.預先錄製的純音訊:提供時序媒體的替代內容來表達純音訊內容的等義資訊。

2.預先錄製的純視訊:提供時序媒體的替代內容或替代音軌來表達純視訊內容的等義資訊。

相關檢測碼

 

相關稽核評量碼

  • EV1020100:提供預先錄製之純音訊內容的時序媒體替代內容

範例說明(另開新視窗)|

 

  • EV1020101:提供預先錄製之純視訊內容的時序媒體替代內容

範例說明(另開新視窗)|

 

  • EV1020102:提供描述預先錄製之重要視訊內容的音訊,並描述其本身係用於描述重要視訊內容

範例說明(另開新視窗)|

 

 

2.2(檢測等級A)除非在同步媒體中,預先錄製的音訊內容是文字內容的替代媒體,並且有明確地標示出來,否則就應該為所有的音訊內容提供字幕。

相關檢測碼

相關稽核評量碼

  • EV1020200:提供預先錄製之音訊內容的隱藏式或非隱藏式(永遠看得到的)字幕

範例說明(另開新視窗)|

 

 

2.3(檢測等級A)除非同步媒體是文字內容的替代媒體,並且有明確地標示出來,否則就應該為這些同步媒體提供替代時序媒體,或預先錄製的視訊內容的音訊描述。

相關檢測碼

相關稽核評量碼

  • EV1020300:提供預先錄製之時序媒體的替代內容,並在時序媒體的非文字內容後馬上放置連往替代內容的鏈結

範例說明(另開新視窗)|

 

  • EV1020301:除非同步媒體是文字內容的替代媒體,並且有明確地標示出來,否則就提供具有音訊描述或額外音訊描述的電影,或提供使用者可選取、且含有音訊描述的第二音軌

範例說明(另開新視窗)|

  • EV1020302:影片畫面僅呈現講者頭部視訊時,提供靜態文字替代

範例說明(另開新視窗)|

 

2.4(檢測等級AA)為同步媒體中所有的現場音訊內容提供字幕。

相關檢測碼

 

相關稽核評量碼

  • EV2020400:為現場的同步媒體建立字幕

範例說明(另開新視窗)|

 

 

2.5(檢測等級AA)為同步媒體中所有預先錄製的視訊內容提供音訊描述。

相關檢測碼

 

相關稽核評量碼

  • EV2020500:為同步媒體中所有的視訊內容提供具有音訊描述或額外音訊描述的電影,或提供使用者可選取、且含有音訊描述的第二音軌

範例說明(另開新視窗)|

 

 

2.6(檢測等級AAA)為所有在同步媒體中預先錄製的音訊內容提供手語翻譯。

相關檢測碼

 

相關稽核評量碼

  • EV3020600:在視訊串流當中包含手語翻譯

範例說明(另開新視窗)|

 

  • EV3020601:提供可以在不同視埠播放、或由播放軟體疊合在影像上的手語翻譯同步視訊

範例說明(另開新視窗)|

 

 

2.7(檢測等級AAA)當前景音訊暫停仍不足以讓音訊描述轉達視訊意義,則為所有同步媒體中預先錄製的視訊內容提供延伸音訊描述。

相關檢測碼

 

相關自我評量碼

  • EV3020700:為所有同步媒體中預先錄製的視訊內容提供具有額外音訊描述的電影

範例說明(另開新視窗)|

 

 

2.8(檢測等級AAA)為所有預先錄製的同步媒體及所有預先錄製的純視訊媒體,提供時序媒體替代內容。

相關檢測碼

 

相關稽核評量碼

  • EV3020800:提供所有時序媒體的替代內容,並在時序媒體的非文字內容後馬上放置連往替代內容的鏈結

範例說明(另開新視窗)|

 

  • EV3020801:提供所有純視訊內容的時序媒體替代內容

範例說明(另開新視窗)|

 

 

2.9(檢測等級AAA)為現場純音訊內容提供能表達等義資訊的時序媒體替代內容。

相關檢測碼

 

相關稽核評量碼

  • EV3020900:提供現場純音訊內容的文字形式替代內容,或在網頁內合併採用現場音訊字幕服務

範例說明(另開新視窗)|

 

  • EV3020901:提供連往預先準備好的發言文字逐字稿的鏈結;如果有劇本的話,則提供連往劇本的鏈結

範例說明(另開新視窗)|

 

指引三(可調適):建立能以不同方式(例如簡化的版面)呈現,而仍不會喪失資訊或結構的內容

 

 

3.1(檢測等級A)由呈現方式所傳達的資訊、結構與關連性要能以程式化的方式判讀,或者有對應的文字。

相關檢測碼

  • XH1030100:網頁中的標頭組件必須要按照正確的巢狀層次結構來配置

範例說明(另開新視窗)|

 

  • XH1030101:有多層標頭的表格,應使用範疇屬性,或使用對應標頭屬性,來建立表格標頭儲存格與資料儲存格之間的關連

範例說明(另開新視窗)|

 

  • XH1030102:表單控制元件組件需以欄位組組件來分群,並以說明文字組件來提供標題;表單選擇組件則需以選項分群組件來將選項組件加以分群

範例說明(另開新視窗)|

 

  • XH1030103:可見的表單控制元件均需有對應的標籤組件,或有標題屬性,且其內容或值均不得為空字串或空白

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1030100:使用文字來傳達那些由不同文字呈現所傳達的資訊

範例說明(另開新視窗)|

 

  • EV1030101:使用色彩線索的時候就使用語意標記

範例說明(另開新視窗)|

 

  • EV1030102:從呈現當中抽離資訊與結構,以便啟用不同的呈現

範例說明(另開新視窗)|

 

  • EV1030103:文字的視覺呈現均以CSS來控制

範例說明(另開新視窗)|

 

  • EV1030104:適當使用巢狀標頭呈現文件結構

範例說明(另開新視窗)|

 

  • EV1030105:使用語意組件來標記結構

範例說明(另開新視窗)|

 

  • EV1030106:使用具語意的標記來標出強調的文字或特殊文字

範例說明(另開新視窗)|

 

  • EV1030107:使用表格標記來呈現表格資訊

範例說明(另開新視窗)|

 

  • EV1030108:以有意義的標記來提供資料表格的概觀

範例說明(另開新視窗)|

 

  • EV1030109:以有意義的標記來建立表格標題與資料表格的關連

範例說明(另開新視窗)|

 

  • EV1030110:對於複雜表格,以有意義的標記來建立表格標頭儲存格與資料儲存格之間的關連

範例說明(另開新視窗)|

 

  • EV1030111:將表單控制元件及表單內的選項予以適當地分群並提供相關的描述

範例說明(另開新視窗)|

 

  • EV1030112:使用標籤組件將文字標籤與表單控制元件建立關連

範例說明(另開新視窗)|

 

  • EV1030113:無法使用標籤組件的情況下,用標題屬性來指明表單控制元件

範例說明(另開新視窗)|

 

 

3.2(檢測等級A)當內容中的呈現順序會影響其意義時,應該要能以程式化的方式,判讀正確的閱讀序列。

相關檢測碼

  • XH1030200:混用多國語言內容,出現已知文字走向不同的內容時,需有萬國碼的右至左標記(RLM)或左至右標記(LRM),或以行內組件搭配使用文字方向屬性

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1030200:將內容依據有意義的序列來排序

範例說明(另開新視窗)|

 

  • EV1030201:使用萬國碼的右至左標記(RLM)或左至右標記(LRM)來即席混用文字走向,或在行內組件使用文字方向屬性以解決巢狀文字走向的問題

範例說明及(另開新視窗)|

 

  • EV1030202:使用CSS來控制字詞內的字母間距

範例說明(另開新視窗)|

 

  • EV1030203:DOM物件順序需與視覺順序一致

範例說明(另開新視窗)|

 

 

3.3(檢測等級A)用來理解及操作內容的指示,不可單獨依賴元件的形狀、尺寸、視覺位置、導向、聲音等知覺特徵。

相關檢測碼

 

相關稽核評量碼

  • EV1030300:針對若無文字項目識別則必須仰賴感官資訊才能理解的內容,提供文字項目識別

範例說明(另開新視窗)|

 

指引四(可辨識):讓使用者能更容易地看見及聽到內容、區分前景和背景

 

 

4.1(檢測等級A)色彩不可當做唯1能傳達資訊、提出動作、提請回應或區別視覺元件的視覺手段來使用。

相關檢測碼

  • CS1040100:所有可取得輸入焦點的網頁元件組件,均以CSS虛擬類別選擇符,來指定取得焦點時的不同呈現方式

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1040100:確保所有藉由顏色所傳達出來的訊息,在沒有顏色後仍然能夠傳達出來

範例說明(另開新視窗)|

 

  • EV1040101:當使用者介面元件取得焦點時,使用CSS變更其呈現方式

範例說明(另開新視窗)|

  • EV1040102:對有顏色表單控制標題,提供文字線索提示

範例說明(另開新視窗)|

 

 

4.2(檢測等級A)如果網頁上有任何音訊會自動播放達3秒鐘以上,那麼就該提供1套機制來暫停或中止音訊播放,或者要能在整體系統音量設定外,另外提供控制音量的機制。

相關檢測碼

 

相關稽核評量碼

  • EV1040200:除非聲音在三秒鐘內會自動關閉,或者在靠近頁面開頭處有提供可以關閉自動播放的聲音的控制元件,否則只有當使用者請求時才播放聲音

範例說明(另開新視窗)|

 

 

4.3(檢測等級AA)除非是下列各款中的例外情形,否則文字及影像文字的視覺呈現,至少要有4.5:1的對比值:

1.大尺寸的文字及大尺寸的影像文字至少要有3:1的對比值。

2.停用中的使用介面元件上的、純裝飾用的、任何人都看不到的文字或影像文字,或者只是另1張圖片的局部且該圖片顯然還有其他視覺內容,都毋須要求對比值。

3.標識或商標名稱上的字樣沒有最小對比值的要求

相關檢測碼

  • XH2040300:任何已知的組件前景、背景色彩配置,其對比值均不會低於3:1

範例說明(另開新視窗)|

 

  • CS2040300:任何已知CSS樣式規則產生的前景、背景色彩配置,其對比值均不會低於3:1

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV2040300:確認文字(及影像文字)與文字後面的背景間,至少有4.5:1的對比值

範例說明(另開新視窗)|

 

  • EV2040301:確認大尺寸文字(及影像文字)與文字後面的背景間,至少有3:1的對比值

範例說明(另開新視窗)|

 

  • EV2040302:提供具對比值至少4.5:1,且可讓使用者將呈現切換成具有充分對比值(文字及影像文字至少4.5:1,大尺寸文字及影像文字至少3:1)的控制元件

範例說明(另開新視窗)|

 

  • EV2040303:如果無法確認對比值充分(文字及影像文字至少4.5:1,大尺寸文字及影像文字至少3:1),則不要指定背景色彩,也不要指定前景色彩,而且不要使用會變更這些預設值的科技功能

範例說明(另開新視窗)|

 

 

4.4(檢測等級AA)除了字幕及影像文字外,文字在沒有額外輔助科技的情況下,要能夠放大至百分之兩百,而不會失去內容或功能性。

相關檢測碼

  • CS2040400:以CSS來指定取得焦點時的不同呈現方式

範例說明(另開新視窗)|

 

  • CS2040401:任何CSS樣式規則均使用具名字型尺寸,或者使用百分比或em等相對字型尺寸單位

範例說明(另開新視窗)|

 

  • CS2040402:任何含有文字的組件,其CSS樣式規則均使用em相對字型尺寸單位

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV2040400:使用具有支援縮放功能且容易取得的使用者代理的科技,或者在頁面上提供可讓使用者變大所有文字尺寸到百分之兩百為止的控制元件

範例說明(另開新視窗)|

 

  • EV2040401:使用流動版面設計,或者確認當文字尺寸變更而文字容器尺寸並未變更時,不會喪失任何內容或功能

範例說明(另開新視窗)|

 

  • EV2040403:縮放含有文字的表單組件

範例說明(另開新視窗)|

 

 

4.5(檢測等級AA)如果所運用的科技能夠達成所需的視覺呈現,那麼就該以文字來傳遞資訊,而不要用影像文字,除非是下列各款中的例外情形:

1.影像文字在視覺上能根據使用者的需求而自訂

2.以此獨特的方式來呈現文字對傳達資訊來說是必要的

相關檢測碼

 

相關稽核評量碼

  • EV2040500:使用CSS來將文字取代成影像文字,並提供使用者介面控制元件來加以切換

範例說明(另開新視窗)|

 

 

4.6(檢測等級AAA)除非是下列各款中的例外情況,否則文字及影像文字的視覺呈現至少要有7:1的對比值:

1.大尺寸的文字及大尺寸的影像文字至少要有4.5:1的對比值。

2.停用中的使用介面元件上的、純裝飾用的、任何人都看不到的文字或影像文字,或者只是另1張圖片的局部且該圖片顯然還有其他視覺內容,都毋須要求對比值。

3.標識或商標名稱上的字樣沒有最小對比值的要求

相關檢測碼

  • XH3040600:任何已知的組件前景、背景色彩配置,其對比值均不會低於4.5:1

範例說明(另開新視窗)|

 

  • CS3040600:任何已知CSS樣式規則產生的前景、背景色彩配置,其對比值均不會低於4.5:1

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV3040600:確認文字(及影像文字)與文字後面的背景間,至少有7:1的對比值

範例說明(另開新視窗)|

 

  • EV3040601:確認大尺寸文字(及影像文字)與文字後面的背景間,至少有4.5:1的對比值

範例說明(另開新視窗)|

 

  • EV3040602:提供具對比值至少7:1,且可讓使用者將呈現切換成具有充分對比值(文字及影像文字至少7:1,大尺寸文字及影像文字至少4.5:1)的控制元件

範例說明(另開新視窗)|

 

  • EV3040603:如果無法確認對比值充分(文字及影像文字至少7:1,大尺寸文字及影像文字至少4.5:1),則不要指定背景色彩,也不要指定前景色彩,而且不要使用會變更這些預設值的科技功能

範例說明(另開新視窗)|

 

 

4.7(檢測等級AAA)如果預先錄製的純音訊內容,前景主要為語音;不是音訊CAPTCHA驗證或識別音訊;而且不是歌唱或rap這類用於音樂表達的發音,則下列各款中至少得做到其中1項:

1.音訊不含任何背景聲音。

2.背景聲音可以關掉。

3.除了偶爾出現且僅持續1到兩秒的音效之外,背景聲音至少要比前景的語音內容低20分貝。根據「分貝」的定義,符合此要求的背景聲音大約會比前景語音內容安靜4倍左右。

相關檢測碼

 

相關稽核評量碼

  • EV3040700:混音處理音訊檔案,使非語音的聲音至少比語音音訊內容低20分貝

範例說明(另開新視窗)|

 

 

4.8(檢測等級AAA)對於文字區塊的視覺呈現,提供機制來達成下列事項:

1.使用者可選擇前景及背景色彩。

2.寬度不可多於80個字元或字符(中日韓語系則是40)。

3.文字不可全齊(左右邊界均對齊)。

4.段落內的行距至少要是1.5倍行高,而段落間距則至少要是1.5倍行距。

5.在沒有額外輔助科技的情況下,文字要能夠放大至百分之兩百,並且在全螢幕視窗中閱讀時,使用者毋須水平捲動視窗即可讀。

相關檢測碼

  • CS3040800:僅有單一樣式表、使用者無法切換替代樣式表的情況下,不得指定主要內容之文字色彩與背景色彩

範例說明(另開新視窗)|

 

  • CS3040801:需有CSS樣式規則使用百分比數值或相對長度單位來設定欄寬,且最大欄寬不得超過80個字母(中日韓語系的40個文字)

範例說明(另開新視窗)|

 

  • CS3040802:不可使用指定左右全齊的CSS樣式規則

範例說明(另開新視窗)|

 

  • CS3040803:需有CSS樣式規則指定行距

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV3040800:使用能夠變更文字區塊前景與背景且容易取得的使用者代理的科技,或者在頁面上提供前景色彩與背景色彩的多重色彩選取工具

範例說明(另開新視窗)|

 

  • EV3040801:如果不確定使用者能選擇前景及背景色彩,則不要指定主要內容的文字色彩與背景色彩,而且不要使用會變更這些預設值的科技功能

範例說明(另開新視窗)|

 

  • EV3040802:在CSS當中劃分區域時僅指定邊框與版面,不要指定文字色彩及文字背景色彩

範例說明(另開新視窗)|

 

  • EV3040804:文字僅對齊某一邊,或提供可移除文字左右全齊的機制

範例說明(另開新視窗)|

 

  • EV3040805:在CSS當中指定行距,且行距應介於1.5倍行高至2倍行高之間

範例說明(另開新視窗)|

 

  • EV3040806:在網頁上提供可以增加行距及段落間距的按鈕

範例說明(另開新視窗)|

 

  • EV3040807:除非是要在內容當中提供選項,讓使用者可以切換到無需水平捲動即可閱讀整行文字的版面,否則當檢視視窗變窄時,不要干預使用者代理的文字重新流向

範例說明(另開新視窗)|

 

 

4.9(檢測等級AAA)影像文字僅用於純裝飾,或者是對於傳達資訊來說以此特定方式呈現文字是必要的情況。

相關檢測碼

 

相關稽核評量碼

  • EV3040900:只有在純裝飾或者是對於傳達資訊來說以此特定方式呈現文字是必要的情況下,使用CSS來將文字取代成影像文字,並提供使用者介面控制元件來加以切換

範例說明(另開新視窗)|

 

指引五(鍵盤可操作):讓所有的功能都能透過鍵盤使用

 

 

5.1(檢測等級A)內容的所有功能都能透過鍵盤介面來操作,而且不能額外要求在限定時間內完成按鍵操作。特殊目的的網頁(例如遊戲網頁要求在特定時間內完成指定操作)不在此限。

相關檢測碼

 

相關稽核評量碼

  • EV1050100:提供由鍵盤觸發的事件處理程式

範例說明(另開新視窗)|

  • EV1050101:確認所有功能都能透過鍵盤介面來操作

範例說明(另開新視窗)|

 

5.2(檢測等級A)如果可以使用鍵盤介面,將鍵盤焦點移至頁面中的某個元件,則也要能僅用鍵盤介面就把焦點移開;如果移開焦點需要用到普通的方向鍵、跳位鍵以外的按鍵,或其他標準的離開方法,則需告知使用者如何操作。

相關檢測碼

 

相關稽核評量碼

  • EV1050200:確認使用者不會困在內容中

範例說明(另開新視窗)|

 

 

5.3(檢測等級AAA)內容的所有功能都能透過鍵盤介面來操作,而且沒有額外的特定按鍵計時需求。                 

相關檢測碼

 

相關稽核評量碼

  • EV3050300:僅提供由鍵盤觸發的事件處理程式

範例說明及(另開新視窗)|

 

指引六(充足時間):提供使用者充分的時間來閱讀及使用內容

 

 

6.1(檢測等級A)對於每1個由內容所設定的時間限制來說,下列各款至少得做到其中1項:

1.使用者遇上時間限制之前就能把它關掉。

2.使用者遇上時間限制之前就能加以調整,而且可調整的範圍要很大,至少是預設設定的10倍以上。

3.計時截止之前先警告使用者,並保留至少20秒的時間,讓使用者用簡單的動作(例如「按空白鍵」)來延長時限,且使用者至少能延長時限10次以上。

4.當時間限制為即時事件(例如拍賣)中所需要的部份,而且不可能有任何替代的時限時,可不允許計時調整。

5.當時限為必要,且延長時限會使得活動無效時,可不允許計時調整。

6.當時限比20小時還長時,可不允許計時調整。

相關檢測碼

 

相關稽核評量碼

  • EV1060100:在多頁表單的第一頁提供一個核選框,讓使用者可以要求較寬鬆的階段時間限制,或者完全不要有階段時間限制

範例說明(另開新視窗)|

 

  • EV1060101:提供能讓使用者將時間限制設為預設時間限制十倍,或完全關閉時間限制的方法

範例說明(另開新視窗)|

 

 

6.2(檢測等級A)對於會移動、閃動、捲動或自動更新的資訊來說,下列各款全部都要做到:

相關檢測碼

  • ME1060200:動畫GIF圖檔之閃動時間不超過五秒鐘

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1060200:讓內容能加以暫停,並可從暫停處重新開始

範例說明(另開新視窗)|

 

  • EV1060201:建立閃動少於5秒鐘的內容

範例說明(另開新視窗)|

 

  • EV1060202:在網頁內使用可以停止移動、閃動、自動更新等內容的控制元件

範例說明(另開新視窗)|

 

  • EV1060203:使用能由使用者代理關閉閃動內容的科技

範例說明(另開新視窗)|

 

  • EV1060204:提供鏈結、按鈕,或任何可以不閃動內容即重新載入頁面的機制

範例說明(另開新視窗)|

  • EV1060205:動畫GIF圖檔之閃動時間不超過五秒鐘

範例說明(另開新視窗)|

 

6.3(檢測等級AAA)內容播放時不設時間限制,除非是在非互動的同步媒體或即時事件中,否則計時並非事件或內容所呈現的活動中,具有必要性的部份。

相關檢測碼

 

相關稽核評量碼

  • EV3060300:讓使用者可以在沒有任何時間限制的情況下完成活動

範例說明(另開新視窗)|

 

6.4(檢測等級AAA)內容播放時使用者要能延遲或抑制中斷,除非中斷關乎緊急狀況。

相關檢測碼

 

相關稽核評量碼

  • EV3060400:提供可以延遲任何內容更新的機制

範例說明(另開新視窗)|

 

6.5(檢測等級AAA)若經認證的階段逾期了,則使用者在重新認證之後,應能繼續原先的活動而不會喪失任何資料。

相關檢測碼

 

相關稽核評量碼

  • EV3060500:儲存資料以便使用者重新認證後仍可使用

範例說明(另開新視窗)|

 

  • EV3060501:在重新認證的頁面上將使用者資料編碼為隱藏或加密的資料

範例說明(另開新視窗)|

 

指引七(防痙攣):不要用任何已知會引發痙攣的方式來設計內容

 

7.1(檢測等級A)網頁上不可含有任何1個元件,其在任何1秒鐘之內,會閃爍超過3次且超出1般閃爍及紅閃爍閾值。

相關檢測碼

 

相關稽核評量碼

  • EV1070100:使用工具來確認內容不會超出一般閃爍閾值或紅閃爍閾值,或者確認在任何一秒鐘的週期內,沒有任何內容元素會閃爍超過三次

範例說明(另開新視窗)|

 

  • EV1070101:能讓閃爍區域保持夠小

範例說明(另開新視窗)|

 

7.2(檢測等級AAA)網頁上不可含有任何1個元件,其在任何1秒鐘之內,會閃爍超過3次。

相關檢測碼

 

相關稽核評量碼

  • EV3070200:確認在任何一秒鐘的週期內,沒有任何內容元素會閃爍超過三次

範例說明(另開新視窗)|

 

指引八(可導覽):提供協助使用者導覽、尋找內容及判斷所在的方法

 

8.1(檢測等級A)有機制得以跳過在多頁中重複出現的內容區塊。                     

相關檢測碼

  • XH1080100:每一個頁面頂端均需有鏈結組件,直接連往主要的內容區域,或每一個內容區域,且每一個內容區段開頭處均需有標頭組件,此標頭組件之內容不得為空字串或空白

範例說明(另開新視窗)|

 

  • XH1080101:多頁重複出現的內容區塊開頭需有鏈結組件,且鏈結目標為該區塊結束之處

範例說明(另開新視窗)|

 

  • XH1080102:一串連續的鏈結組件需以清單組件或地圖組件來分群

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1080100:在每一個頁面頂端加入一個鏈結,直接連往主要的內容區域

範例說明(另開新視窗)|

 

  • EV1080101:在重複內容的區塊開頭加入鏈結,連到該區塊結束之處,或用頁框來群聚重複出現的材料區塊

範例說明(另開新視窗)|

 

  • EV1080102:在頁面頂端加入鏈結,連到每一個內容區域

範例說明(另開新視窗)|

 

  • EV1080103:使用結構性組件來將鏈結分群

範例說明(另開新視窗)|

 

  • EV1080104:在每一個內容區段開頭處提供標頭組件

範例說明(另開新視窗)|

 

  • EV1080105:根據結構性標記來將內容定位

範例說明(另開新視窗)|

 

8.2(檢測等級A)網頁有用標題來描述主旨或目的。                      

相關檢測碼

  • XH1080200:網頁需有標題組件,且其值不得為空字串或空白

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1080200:提供網頁的描述性標題

範例說明(另開新視窗)|

 

 

8.3(檢測等級A)如果網頁能依序導覽,且導覽順序將會影響到意義或操作,則可取得焦點的元件要以能保留意義與操作性的順序,來取得焦點。

相關檢測碼

 

相關稽核評量碼

  • EV1080300:按照內容的序列及關連性來安排互動元件的放置順序

範例說明(另開新視窗)|

 

  • EV1080301:在鏈結、表單控制元件、物件間建立合乎邏輯的跳位順序

範例說明(另開新視窗)|

 

8.4(檢測等級A)除非鏈結的目的對整體使用者來說均不明確,否則就該能以獨立的鏈結文字,或以鏈結文字加上能以程式化判定的鏈結脈絡,來加以判定。

相關檢測碼

  • XH1080400:連往相同資源的毗鄰圖片與文字,其由文字內容及替代文字產生之鏈結文字只能有一份

範例說明(另開新視窗)|

 

  • XH1080401:具有連結目的之鏈結組件均需有鏈結文字,且其內容不得為空字串或空白;若此鏈結組件前後尚有其他內容,則亦需有標題屬性,且其值不得為空字串或空白

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1080400:使用鏈結文字及前後的脈絡情境來指明鏈結目的

範例說明(另開新視窗)|

 

  • EV1080401:針對脈絡中的鏈結,提供描述鏈結目的的鏈結文字

範例說明(另開新視窗)|

 

  • EV1080402:合併相同資源的毗鄰圖片與文字鏈結

範例說明(另開新視窗)|

 

  • EV1080403:提供描述定位錨組件鏈結目的的鏈結文字

範例說明(另開新視窗)|

 

  • EV1080404:針對脈絡中的鏈結,用標題屬性來補充鏈結文字

範例說明(另開新視窗)|

 

  • EV1080405:在靠近網頁開頭處提供可以變更鏈結文字的控制元件,或使用CSS隱藏部分鏈結文字

範例說明(另開新視窗)|

 

8.5(檢測等級A)除非網頁是1段程序的結果或某個步驟,否則就要有多於1種方法,來在1組網頁當中定出特定的1個來。

相關檢測碼

  • XH1080500:整個網站當中,必須要有至少一個網頁,使用清單組件或地圖組件或影像地圖來列出所有網站內網頁的鏈結清單;如前述網頁不存在,則整個網站內所有的網頁都要使用連結組件,提供完整的導覽功能,並提供搜尋功能

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1080500:提供網站導覽、導覽工具或機制、搜尋功能、網頁清單鏈結等功能,協助使用者尋找內容

範例說明(另開新視窗)|

 

8.6(檢測等級AA)用標頭及標籤來描述主旨或目的。

相關檢測碼

 

相關稽核評量碼

  • EV2080600:提供描述性的標頭

範例說明(另開新視窗)|

 

  • EV2080601:提供描述性的標籤

範例說明(另開新視窗)|

 

8.7(檢測等級AA)任何可由鍵盤操作的使用者介面都要有個操作模式,使鍵盤焦點指示可見。

相關檢測碼

 

相關稽核評量碼

  • EV2080700:使用者介面取得焦點時,使其鍵盤焦點指示具高可見度

範例說明(另開新視窗)|

 

8.8(檢測等級AAA)有提供使用者位於1組網頁中的位置的資訊。

相關檢測碼

 

相關稽核評量碼

  • EV3080800:使用導覽工具,指明目前所在網頁在一整組網頁或整個網站中的位置,以及與其他網頁之間的關連性

範例說明(另開新視窗)|

 

8.9(檢測等級AAA)除非鏈結的目的對整體使用者來說均不明確,否則要有個機制,能僅由鏈結文字即辨識出每個鏈結的目的。                       

相關檢測碼

  • XH3080900:任何具有連結目的之鏈結組件均需有鏈結文字及標題屬性,且鏈結文字之內容及標題屬性之值均不得為空字串或空白

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV3080900:針對單獨存在的鏈結,提供描述鏈結目的的鏈結文字

範例說明(另開新視窗)|

 

  • EV3080901:針對單獨存在的鏈結,合併相同資源的毗鄰圖片與文字鏈結

範例說明(另開新視窗)|

 

  • EV3080902:針對單獨存在的鏈結,提供描述定位錨組件鏈結目的的鏈結文字

範例說明(另開新視窗)|

 

  • EV3080904:針對單獨存在的鏈結,在靠近網頁開頭處提供可以變更鏈結文字的控制元件,或使用CSS隱藏部分鏈結文字

範例說明(另開新視窗)|

 

  • EV3080905:針對單獨存在的影像地圖區域,提供有意義的替代文字

範例說明(另開新視窗)|

 

8.10(檢測等級AAA)用區段標頭來組織內容。

相關檢測碼

  • XH3081000:網頁必須要使用標頭組件

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV3081000:使用標頭來組織網頁

範例說明(另開新視窗)|

 

指引九(可讀性):讓文字內容可讀並可理解

 

9.1(檢測等級A)每1個網頁所使用的預設人類語言,都可以程式化的方式判讀。

相關檢測碼

  • XH1090100:網頁根組件需有語言屬性,且其值必須合於規範,不得為空字串或空白

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1090100:明確指出網頁文字所使用的人類語言

範例說明(另開新視窗)|

 

9.2(檢測等級AA)除非是專有名詞、科技術語、不知名語言的字詞、接鄰文字的方言部分等情況,否則每1個段落或片語中所使用的人類語言,都可以程式化的方式判讀。

相關檢測碼

  • XH2090200:網頁內容中,使用不同人類語言的內容區段,必須以合於語意的組件標記,該組件並要有語言屬性,且其值必須合於規範,不得為空字串或空白

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV2090200:明確地指出網頁內容中人類語言的轉換

範例說明(另開新視窗)|

 

9.3(檢測等級AAA)對於不常見或限定用法的字詞或片語,包括俗語或諺語及行話,均有機制可指明其定義。

相關檢測碼

 

相關稽核評量碼

  • EV3090300:針對不常見的字詞,列舉詞彙、提供定義,或提供搜尋線上辭典的功能

範例說明(另開新視窗)|

 

9.4(檢測等級AAA)要有機制來指明縮寫字展開後的全文或意義。

相關檢測碼

 

相關稽核評量碼

  • EV3090400:針對縮寫字,列舉詞彙、提供其展開的形式或定義,或提供搜尋線上辭典的功能

範例說明(另開新視窗)|

 

9.5(檢測等級AAA)當移除專有名詞及標題後,若文字需要超過國中程度的閱讀能力才可被理解,就要有輔助內容,或提供不需此閱讀能力即可理解的版本。

相關檢測碼

 

相關稽核評量碼

  • EV3090500:提供文字的口說版本

範例說明(另開新視窗)|

 

  • EV3090501:提供不需超出國中閱讀能力程度即可理解的文字摘要

範例說明(另開新視窗)|

 

  • EV3090502:提供視覺插圖、圖片、符號以協助解釋概念、事件、程序

範例說明(另開新視窗)|

 

  • EV3090503:讓文字更容易閱讀

範例說明(另開新視窗)|

 

  • EV3090504:針對使用內容所必需理解之資訊、概念、程序,提供手語版本

範例說明(另開新視窗)|

 

9.6(檢測等級AAA)某個字詞若不知其發音,就算依據前後文脈絡來判讀而仍會造成混淆時,就要有個機制來指明其發音。

相關檢測碼

 

相關稽核評量碼

  • EV3090600:某個字詞若不知其發音,就算依據前後文脈絡來判讀而仍會造成混淆時,即列舉詞彙、提供發音或發音資訊

範例說明(另開新視窗)|

 

指引十(可預期性):讓網頁以可預期的方式來呈現及運作

 

10.1(檢測等級A)當任何元件獲得焦點時,並不會使前後脈絡產生改變。

相關檢測碼

相關稽核評量碼

  • EV1100100:物件單純取得焦點時不要觸發脈絡變更,等使用者啟動該物件後才觸發脈絡變更

範例說明(另開新視窗)|

 

10.2(檢測等級A)除非使用者在使用元件前已被告知過相關的程式行為,否則變更任何使用者介面元件的設定時,都不會自動變更脈絡。

相關檢測碼

  • 10.2:ME1100200 提供下載之檔案格式應為開放格式如ODF、PDF、HTML等檔案格式

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1100200:在會產生脈絡變更的表單控制元件變更生效前,先描述會發生什麼事

範例說明(另開新視窗)|

 

  • EV1100201:使用按鈕來做出行動並啟動脈絡變更

範例說明(另開新視窗)|

  • EV1100202:提供下載檔案格式不可為需依賴特定文書商用軟體即能開啟之檔案

範例說明(另開新視窗)|

 

10.3(檢測等級AA)除非使用者做出了變更,否則在1組網頁中,反覆出現的導覽機制每次都要有相同的相對順序。

相關檢測碼

 

相關稽核評量碼

  • EV2100300:每一次會重複出現的元件出現時,均按照相同的相對順序來呈現

範例說明(另開新視窗)|

 

10.4(檢測等級AA)在1組網頁中,具有相同功能性的元件,就要有一致的識別。

相關檢測碼

 

相關稽核評量碼

  • EV2100400:按照具有相同功能的內容,一致地使用標籤、名稱、替代文字

範例說明(另開新視窗)|

 

10.5(檢測等級AAA)只有當使用者提出請求時,才開始變更脈絡,否則就要有個機制來關掉這類變更。

相關檢測碼

 

相關稽核評量碼

  • EV3100500:除非使用即刻用戶端重新導向,否則不要自動更新內容,而是提供可以請求內容更新的機制

範例說明(另開新視窗)|

 

  • EV3100501:在使用者請求的情況下才開出新視窗,並在鏈結文字中指出此行為

範例說明(另開新視窗)|

 

指引十一(輸入協助):幫助使用者避開及更正錯誤

 

11.1(檢測等級A)如果會自動偵測輸入的錯誤,則指明出錯的項目並以文字向使用者描述。

相關檢測碼

 

相關稽核評量碼

  • EV1110100:提供文字描述以指明未完成的必填欄位

範例說明(另開新視窗)|

 

  • EV1110101:使用者輸入的內容不在允許清單中,或格式未符合所需時,均提供文字描述

範例說明(另開新視窗)|

 

  • EV1110102:資料成功送出後,提供成功的回饋

範例說明(另開新視窗)|

 

11.2(檢測等級A)當內容需要使用者輸入時,提供標籤或指引。                                   

相關檢測碼

 

相關稽核評量碼

  • EV1110200:在使用者送出資料前,先描述會發生什麼事

範例說明(另開新視窗)|

 

  • EV1110201:提供文字描述以指明需填寫的必填欄位

範例說明(另開新視窗)|

 

  • EV1110202:提供預期的資料格式與範例

範例說明(另開新視窗)|

 

  • EV1110203:妥善定位描述性的標籤,使關連性的可預期性最大化

範例說明(另開新視窗)|

 

  • EV1110204:使用毗鄰的按鈕來標示輸入區目的

範例說明(另開新視窗)|

 

  • EV1110205:在表單或一組表單欄位開頭處提供文字指示來描述必要的輸入欄位

範例說明(另開新視窗)|

 

  • EV1110206:指出必需的表單控制元件

範例說明(另開新視窗)|

11.3(檢測等級AA)如果輸入的錯誤能夠自動地偵測出來,而且已知更正的建議,除非會危及安全性或內容的目的,否則就向使用者提供建議。

相關檢測碼

 

相關稽核評量碼

  • EV2110300:提供文字描述以指明未完成的必填欄位,並建立可以讓使用者跳到出錯之處的機制

範例說明(另開新視窗)|

 

  • EV2110301:使用者輸入的內容不在允許清單中,或格式未符合所需時,均提供文字描述,並提供建議的文字校正

範例說明(另開新視窗)|

 

11.4(檢測等級AA)對於會造成法律義務或讓使用者發生財務交易的網頁來說,如果要從資料存放系統修改或刪除使用者可控制的資料、或要送出使用者測試回應時,下列各款需做到1項:

1.送出的結果可反悔。

2.由使用者所輸入的資料會先檢查有無輸入錯誤,並提供使用者更正的機會。

3.完成資料送出前,有個機制來讓使用者回顧、確認及更正資訊。

相關檢測碼

 

相關稽核評量碼

  • EV2110400:在法律、財務、個人資料方面,均提供取回已刪除資訊的能力

範例說明(另開新視窗)|

 

  • EV2110401:在法律、財務、個人資料方面,均提供表單遞交後何時可由使用者更新或取消的時段說明

範例說明(另開新視窗)|

 

  • EV2110402:在法律、財務、個人資料方面,均提供使用者在送出答覆前加以檢查及更正的能力

範例說明(另開新視窗)|

 

  • EV2110403:在法律、財務、個人資料方面,均要求確認後才繼續所選的行動

範例說明(另開新視窗)|

 

11.5(檢測等級AAA)有針對脈絡而作的協助說明。

相關檢測碼

  • XH3110500:使用標題屬性來提供針對脈絡而作的協助說明

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV3110500:在所有網頁上均提供協助

範例說明(另開新視窗)|

 

  • EV3110501:在文字輸入區域提供拼寫檢查與建議

範例說明(另開新視窗)|

 

  • EV3110502:利用標題屬性來提供針對脈絡而作的協助說明

範例說明(另開新視窗)|

 

11.6(檢測等級AAA)對於需要使用者送出資訊的網頁來說,下列各款至少須做到1項:

1.送出的結果可反悔。

2.由使用者所輸入的資料會先檢查有無輸入錯誤,並提供使用者更正的機會。

3.完成資料送出前,有個機制來讓使用者回顧、確認及更正資訊。

相關檢測碼

 

相關稽核評量碼

  • EV3110600:在所有情況中,均提供取回已刪除資訊的能力

範例說明(另開新視窗)|

 

  • EV3110601:在所有情況中,均提供表單遞交後何時可由使用者更新或取消的時段說明

範例說明(另開新視窗)|

 

  • EV3110602:在所有情況中,均提供使用者在送出答覆前加以檢查及更正的能力

範例說明(另開新視窗)|

 

  • EV3110603:在所有情況中,均要求確認後才繼續所選的行動

範例說明(另開新視窗)|

 

指引十二(相容性):針對目前及未來的使用者代理與輔助科技,最大化其相容性

 

12.1(檢測等級A)對於用標記語言來實作的內容來說,除非經規格所容許,否則組件要有完整的開始與結束標籤、按規格巢狀編排、不得有重複的屬性,且任何ID都要獨一無二。

相關檢測碼

  • XH1120100:網頁完全符合W3C標準規格,並通過W3C驗證

範例說明(另開新視窗)|

 

相關稽核評量碼

 

12.2(檢測等級A)對於所有的使用者介面元件(包括但不限於表單組件、鏈結及由腳本所產生的組件)來說,其名稱及角色要能用程式化的方法判定;其能由使用者所設定的狀態、屬性、值,則要能用程式化的方式設定;而使用者代理,包括輔助科技,則要有這些項目變更的通知。

相關檢測碼

  • XH1120200:依據規格使用表單控制元件組件及鏈結組件,完整提供各組件之角色、名稱、屬性、值

範例說明(另開新視窗)|

 

相關稽核評量碼

  • EV1120200:使用者介面元件應暴露名稱與角色,允許直接設定可由使用者設定的屬性,並在變更時提供通知

範例說明(另開新視窗)|

 

 

 

上一頁| 回首頁