檢測流程詳細步驟說明

STEP 1:

一、網站規劃階段時，請盡量符合無障礙網頁可及性設計四個原則

• 原則 1 ：多媒體相關資訊的可及性

針對網頁內各種多媒體資訊 (包括影像、圖形、語音、音樂、影片等 )應加入替代或等值的文字以提高這些資訊的可及性。因為這些替代文字可以讓 螢幕閱讀機、點字顯示器等各種特殊輸出裝置做進一步處理，讓視覺障礙者或聽覺障礙者可以使用其他替代方式獲得其資訊內容。

• 原則 2 ：網頁結構和呈現處理的可及性

網頁結構的設計很容易因為網頁呈現美觀的考量而犧牲可及性設計。例如，網頁設計者可能因為考量網頁文字對齊和美觀，而採用表格和頁框做排版功能，如此一來網頁就可能具有許多無任何資訊意義的表格和頁框而混淆了 特殊輸出入裝置的處理功能。因此在規劃網頁結構和呈現時應同時考量可及性的因素，適當的使用網頁的結構標籤 ，毋貪一時的便利或美觀而混用不當的標籤。

• 原則 3 ：網頁開發和輸出入裝置相關技術處理的可及性

網頁設計在融入新的輸出和輸入裝置、 Script語言、網頁內的程式物件、網頁排版語言、以及特殊媒體技術等這些技術時，應考慮提供給身心障礙人士的特殊上網裝置可能尚不支援此項技術時的各種可及性替代方案，讓身心障礙人士可以在不支援此技術時，仍然可以使用此網頁的資訊內容。

• 原則 4 ：網站瀏覽機制的可及性

網站內各網頁的瀏覽機制應考量可及性操作的需求。身心障礙者因為其障礙的差異，在使用特殊上網裝置瀏覽網頁時，其瀏覽操作不如市面上一般瀏覽器那麼方便和靈活，因此網站瀏覽機制的設計應力求簡單清楚，讓網頁使用者可以依其需求來瀏覽網站。

二、網頁設計階段時，儘可能符合無障礙網頁十四條規範

• 規範 1： 對於聽覺及視覺的內容要提供相等的替代文字內容
• 規範 2： 不要單獨靠色彩來提供特殊資訊
• 規範 3： 適當地使用標記語言和樣式表單
• 規範 4： 闡明自然語言的使用
• 規範 5： 建立編排良好的表格
• 規範 6：確保網頁能在新科技下良好地呈現
• 規範 7：確保使用者能處理時間敏感內容的改變
• 規範 8：確保嵌入式使用者介面具有直接可及性
• 規範 9：設計裝置獨立網頁
• 規範 10：使用過渡的解決方案
• 規範 11：使用國際與國內官方訂定的技術和規範
• 規範 12：提供內容導引資訊
• 規範 13：提供清楚的瀏覽網站機制
• 規範 14：確保簡單清楚的網頁內容

三、備註： 上述所有相關文件，請詳閱無障礙網頁開發規範

[回頁首]

STEP 2:

一、檢測工具

　　當網站建置完成後，就進入了網站檢測階段。在本階段您可利用研考會無障礙空間服務網的線上網頁檢測或Freego單機版檢測軟體兩種方式，來對網站進行檢測工作：

• 線上網頁檢測步驟

至研考會的無障礙網路空間服務網，點選網頁檢測功能，可選擇只針對單一個網頁來檢測或全網站都檢測

1. 單一網頁檢測

2. 全網站檢測：必須先登錄成為會員，並且在點選全網站檢測時輸入帳號、密碼

• Freego 單機版檢測軟體之檢測步驟

若不想直接在線上進行檢測，也可以先下載Freego單機版檢測軟體，在您的電腦上將下載的Freego 軟體安裝好，來個單機作業。但 Freego檢測軟體必須在JVM環境下執行，若您的機器上尚未安裝JVM，請先下載JVM並安裝完畢，再安裝Freego。Freego的操作介面如下：

上述的操作步驟畫面若未能清楚表達，您也可以連結至Freego使用者操作手冊瀏覽詳細的內容介紹。

二、檢測報告

　　不管以哪種方式進行網頁檢測，最後都會產生一份檢測報告，檢測報告的內容包含有機器及人工2個部分的檢測結果。以下我們就線上網頁檢測及單機版網頁檢測兩種方式之檢測結果進行說明：

• 線上檢測報告

　　如何解讀檢測報告呢？以上面的例子而言，是指--

1. 機器檢測A等級，尚有規範 1.1的 13個缺點未通過；人工檢測部分，則有規範1.9的 17個缺點、規範 2.1的 25個缺點、規範 5.1的 5個缺點、規範 5.2的 5個缺點、規範 6.1的 1個缺點、規範 6.3的 2個缺點及規範 8.1的 2個缺點未通過。
2. 機器檢測A+等級，尚有規範 9.3的 3個缺點未通過；人工檢測部分，則有規範 6.5的 2個缺點未通過。

　　綜合以上，也就是說想要通過A+的檢測，我們至少得先把屬於檢測等級 A及 A+的機器檢測缺點通通修正完畢才行。亦即以上述為例，我們得為 13 + 3 = 16個機器檢測缺點修正，再送檢，直到機器檢測都通過了才算成功的第一步！

　　另外再補充說明的是，每個規範的說明都可以hyperlink至無障礙空間服務網的官方說明頁，在那裡您可以學習如何修正有缺失的網頁，使其通過無障礙檢測。加註在規範說明尾巴的數字，表示屬於此規範的檢測，您未通過的、有缺失的個數。其詳細的所在位置，則為其下所列第??、??、??行所在。您亦可直接點選有缺失的行的所在數字，即可直接觀看該行之原始程式碼。

• Freego的單機版檢測報告

　　基本上單機版的檢測報告解讀方式同線上檢測報告，您一樣可依檢測結果所在的行號去修正原始碼的缺失，再送檢，如此反覆直到通過為止。

[回頁首]

STEP 3:

　　請依「無障礙網頁開發規範」之「人工檢測碼」，自行檢視確認。在本階段，是由研考會無障礙空間服務網的團隊進行真正的人工檢測，可能耗時較久，需依該團隊所提出的缺失部份，經來來回回幾次的修正後，才能符合檢測標準。

[回頁首]

STEP 3.1:

• 為求符合研考會無障礙空間服務網團隊進行人工檢測的標準，修正的過程可能耗時較久
• 對於人工部分的規範，該如何進行修正，無從下手

　　針對上述問題，為了達到縮短修正時程以及如何進行修正時之問題諮詢，我們結合了盲生資源中心，提供校內各單位先期進行校內人工預先檢測，藉由此項服務，我們可在預檢階段，針對檢測出的問題缺失得到適當的修正建議，以期符合檢測標準。

[回頁首]