1

認識無障礙網站空間

資訊中心 蔡俊男、林智偉

什麼是無障礙網站空間？

「無障礙網站」就是讓網站的使用性達到一定的標準，使網站的操作達到便利無障礙，網站

需經過機器檢測及人工檢視的審核通過始能獲得「無障礙標章」。目前有許多政府機關網站上

已有標章認可，利用網路的便利性促使民眾在申辦各項業務之時，有一個簡單方便的管道，

讓每個網路使用者都可方便且無障礙的操作網站，突顯網站的親和力，促使大家擁有一個無

障礙的網路環境。而標章所設計的原由是依 Accessibility（親和力）為主，依據行政院研

究發展考核委員會訂定的「無障礙網頁開發規範」，分為四種不同等級的無障礙網站標章：

A 標章 A+標章 A+標章 AAA 標章

「政府網站營運交流平台」（http://www.webguide.nat.gov.tw/）上有提供許多建立無障礙

網站的資訊，網站內容包含了建置的 14 條規範、申請標章的程序、檢測工具以及相關資訊的

下載。

誰是無障礙網站空間的適用對象？

相信大家都曾在路上看過導盲磚、坡道斜板等身心障礙設施，這些設施目的是為了讓身心障

礙者像正常人一樣使用的更方便，網頁無障礙設計的道理與此有異曲同工之意，但是無障礙

網頁設計的對象除了視覺障礙（包括全盲、色盲、弱視等）、聽覺障礙（全聾或是重聽）、行

動或有認知障礙、對閱讀或是文字理解有困難的人之外，並非僅針對特定族群有助益，一般

的網路使用者也是無障礙網頁的使用對象。因為一般使用者可能在某些情況下無法使用滑鼠

或是鍵盤，例如有些觸控式導覽機台（Kiosk）的操作方式都是點選（Click）的方式，沒有

滑鼠中拖曳（Drag）的功能，純文字瀏覽器沒有滑鼠的功能；還有一些舊式的電腦、各類作

業系統、各式各樣的瀏覽器，再加上網路頻寬較小，連線的速度過慢等等，這些狀況都會使

網頁資訊的讀取產生或多或少的問題。所以無障礙網頁設計的目的是希望在製作網站時，先

排除以上這些情形，讓不同的使用者在不同的連線狀況下，都能順利讀取網頁資訊。

為什麼要推廣無障礙網路空間？

資訊發達、頻寬加大，想獲得資訊就上網找吧。網路讓每個人搜尋資料、獲取知識，無論是

2

企業或是政府機關紛紛架設網站，透過網路機制民眾可以很方便地上網交易、申辦證件、繳

交各種費用等等。在這種情形下，網路無異是一種公共空間，然而公共資訊應考慮每位民眾

的資訊均等權，政府機關以及學校的公眾資訊取得對某些民眾而言若是種障礙，那麼公民的

平等權，例如就業、接受教育等權利，就被忽視了。

另一方面，科技發展越來越快速，上網的平台不再只限於桌上型電腦；手機、PDA、電子書等

設備，也漸漸成為上網讀取資訊的工具。這些工具的視窗大小不再是 4:3 的比例，瀏覽器得

選擇也越來越多，要如何讓不同的上網工具、不同的視窗大小、不同的瀏覽器都可以讀取網

頁資訊，這才是推廣無障礙網路空間的真正原意。

如何達到無障礙網路空間？

行政院研究發展考核委員針對網站管理者以及設計者的需要，於九十一年六月「無障礙網頁

開發標準暨標章核發作業」委外案，參考 W3C 協會的 WAI 組織的無障礙網頁內容標準相關規

範，並參照各國在制訂無障礙網頁相關政策和推廣策略，與國內近年來在身心障礙者保護政

策等相關措施，訂定我國的「無障礙網頁開發規範」，以建立具體的無障礙網路推廣目標與策

略。「無障礙網頁開發規範」包含十四條規範以及九十條相關的檢測要點，這些要點分別歸類

為三個等級，顯示對於網站無障礙空間不同的影響程度。直接看這份規範，可能不太好理解，

也不知道這些規範的用意在那裡，就像我們正常人上下階梯都沒問題，搞不懂做斜坡的用意

在那裡，當我們看到階梯對輪椅造成障礙時，就能理解斜坡對輪椅的重要了，讓我們從認識

視障者如何使用電腦來切入，會比較容易理解這些規範的用意。

在「政府網站營運交流平台」

（http://www.webguide.nat.gov.tw/wSite/ct?xItem=1276&ctNode=266&mp=1）上介紹了幾

種視障者上網所常用的軟體，共通點就是操作方式都是經由鍵盤，接收資訊的方式是語音或

是點字閱讀，純文字瀏覽器可能不支援 script 語法。

既然視障者只使用鍵盤，在設計網站時就不能只有滑鼠才能啟發的動作，要鍵盤也能做得到，

由於鍵盤只能由 Tab 鍵在各個項目遊走，所以 Tab 順序的設計，長選單設定群組以方便快速

尋找，另外，快捷鍵、網頁的標題、導覽連結工具列等便利鍵盤操作設計也要注意。

由於視障者只能以語音或點字接收資訊，網頁裡的圖片、影音、flash 等資訊，就要有替代

的文字說明，不然他就不知道這些資訊在傳達什麼，也不要用顏色來傳達特殊訊息。為了視

覺美觀所做的排版，對視障者的意義不大，建議多使用 css 來設定，少用表格來做定位，雖

然說用表格定位再加上說明是符合無障礙規範的，但瀏覽這樣的網頁時，會一直聽到＂排版

表格、排版表格、排版表格..＂然後才會聽到網頁要傳達的訊息，若是用 css 定位就不會有

這麼多的雜訊，真正要用表格表達的資訊才使用表格。

最後就是關於瀏覽器可能不支援 script，在設計時記得加上替代方案。

3

如何 DIY 網站健檢？

檢測網站方式均提供全網站、單一網頁檢測

方法（一）線上網站健檢：透過行政院研究發展考核委員會網站

http://www.webguide.nat.gov.tw/wSite/sp?xdUrl=/wSite/enable/senseSinglePage.jsp&

mp=1

1. 將所屬機關或組織網址輸入（圖 1-1） 2. 選擇欲檢測的優先等級及檢測報告顯示方式（圖 1-1） 3. 按下「進行檢測」（圖 1-1） 4. 檢測報告會詳述受測網頁通過的優先等級、列出機器檢測錯誤項目、人工檢測待檢測項目

等資訊。

圖 1-1

4

方法（二）下載單機版檢測工具 Freego 健檢：透過行政院研究發展考核委員會網站

http://www.webguide.nat.gov.tw/wSite/ct?xItem=1087&ctNode=239

1. 進入下載檢測工具網頁 （如圖 2-1） 2. 點選下載檔案，下載單機版檢測工具 Freego （如圖 2-1） 3. 下載完後將 Freego-windows-3.1.1.zip 壓縮檔解壓縮 4. 解壓縮後點選 Freego.exe 檔案進行本機檢測

圖 2-1

5. 開啟 Freego 工具，先自設定處選擇網站沒有反應時自動停止檢測>不使用自動停止功能（如圖 2-2）

圖 2-2

5

6. 再設定選擇檢測等級（如圖 2-2）

圖 2-3

7. 接著網址輸入、設定檢測層數、開始檢測，可選擇本地端網址檢測，檢測完通過可申請標章（如圖 2-4）

圖 2-4

8. 檢測完選擇看單一網頁或全網頁報告（如圖 2-5）

圖 2-5

6

如何看懂健檢報告？

線上網站健檢檢測報告

1. 告知受測網站網址 2. 若受測網頁有通過優先等級，在此處會告知已通過的等級 3. 列出人工檢測戴檢測項目 4. 受測網頁的原始碼

單機版網站健檢檢測報告

1. 檢測範圍是全網站報告 2. 提醒您無效連數，若網頁仍可正常連結則可忽略;無法正常連杰則重新設定連結路徑，不

影響檢測報告

3. 告知檢測工具的版本 4. 若受測網頁有通過優先等級，在此處會告知已通過的等級 5. 雖然機器檢測已通過，但是仍需進行人工檢測

7

圖（二）

參考資訊：

行政院研究發展考核委員會網站政府網站營運交流平台。

（http://www.webguide.nat.gov.tw/）