認識無障礙網站空間 - NTNU · 認識無障礙網站空間 資訊中心...
Transcript of 認識無障礙網站空間 - NTNU · 認識無障礙網站空間 資訊中心...
-
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/)