一個好的網站除了資訊內容的豐富性、完整性、即時性、正確性，功能的.docVIP

政府機關無障礙網頁初探 資料處理科　　　魏延超 kkwei@.tw 一個好的網站除了資訊內容的豐富性、完整性、即時性、正確性，功能的多樣性與便利性之外，最重要的是在於資訊是否皆能使人容易獲得，也就是網站設計好用性（usability）的問題。網站好用性應包括讓使用者容易學會（learnability）、提高效率（efficiency）、容易記憶（memorability）、錯誤率低（errors）以及滿意度高（satisfaction）等五項特質(Jakob Nielsen, 1993)。 除了好用度的概念外，網頁可及性（accessibility）的概念也逐漸地成為網站設計者注意的焦點。不同的身心障礙者在使用網路時會遭遇不同程度及種類的困難，因為使用者可能為下述幾種情況(Paciello, 2000) （1）無法看見、聽見、行動或有認知障礙者。 （2）對閱讀或文字理解有困難者。 （3）無法使用滑鼠或鍵盤者。 （4）使用老舊設備、不同的瀏覽器或作業系統者。 （5）連結速度過慢。 （6）對不同語言的文字無法瞭解者。 以視障者來說，瀏覽網際網路的過程中，常遭遇下列的困難：(Kautzman, 1998、Peters-Walters, 1998) （1）網頁圖像內容沒有替代文字說明，因此無法得知訊息。 （2）對於複雜的科學符號，未提供替代方式讓使用者獲取。 （3）影音動畫內容未提供聽覺或文字描述的替選方式。 （4）無法正確辨別框架(frame)、表格、表單(form)的內容。 （5）無法正確得知目前所在的網頁位置。 （6）無法清楚辨識外掛程式，例如：Java Scripts、Applets。 上述這些障礙，每一項都將輕易地造成視障者無法順利取得網頁的資訊，甚至根本無法進入網站。因此，網頁設計，除了兼具美觀與實用之外，也要盡量避免造成視障者瀏覽障礙。以下針對無障礙網頁進行文獻探討。 第一節　無障礙網頁 網站的設計如同建築物，應符合與滿足所有使用者的需求，包括身心障礙者(Schmetzke, 2004)。因此網站應提供無障礙設計，讓使用輔具上網的身心障礙者都可順利使用網站。本節探討身心障礙者使用網站遭遇之困難、無障礙網頁基本設計要素、規範、檢測與認證。 一、身心障礙者使用網站時遭遇之困難 身心障礙者在使用網站時會遭遇許多困難。視覺障礙者因需要使用螢幕閱讀軟體或點字轉換軟體將網頁內容轉換為語音或點字訊息，所以網頁中的動畫、圖形與影片未有文字說明、複雜的數學或科學符號未有替代方式、表格(Table)編排不佳、清單(List)安排不當、框架(Frame)設計不當、段落不清、未建立網頁標題、超連結說明不清、文字安排不當、使用外掛程式如Java Scripts、使用表單(Form)等，都會造成輔助軟體無法判讀、判讀不完整或判讀錯誤而無法使用網路資源；而網頁前景與背景如採相臨色彩設計，色弱色盲者會因無法辨識而造成使用困難。聽覺障礙者對於網路上多媒體資源，例如影片、錄音演講、線上教學、音樂等之聲音效果無法接收。上肢障礙者因其手部協調操控不佳而無法順利操作滑鼠，網頁中的按鈕圖示太小或會閃爍移動、瀏覽器或網頁沒有提供替代滑鼠操作輸入方式等都會造成使用困難。 二、無障礙網頁基本設計要素 身心障礙者在使用網路時會遭遇上述困難，那麼在網站設計時應如何修正呢？黃朝盟、趙美慧、林家如（民90）指出善用下列網頁設計基本要素，可以移除這些使用障礙： (一)、提供聽覺、視覺等多重設計 網頁應提供聽覺、視覺等多重設計。圖形、圖表、影片等應加上替代性的說明文字，適當使用網頁「alt」標籤，讓視障者也可以了解圖形意義。網頁中的影像地圖，要注意每個區塊都要加上替代性的說明文字。多媒體資料提供聲音解說方式，讓視障者也能了解影片內容；而多媒體的聲音與影片檔，可加註文字或字幕，或提供全文文字轉譯功能，讓聽障者也能順利接收資訊。 (二)、表格(Table)編排方式 使用表格時應以HTML 語言撰寫，加上明確清楚的標題與表頭，內容排列方式由左至右，由上至下，如此螢幕閱讀軟體方可轉換成線性資料。 (三)、網頁技術運用 網站使用外掛程式(Plug-ins)，如Flash、Java Script、Java Applet 時、需要安裝軟體，下載時間又長，因此除了提供文字說明外，應提供替代性版本。此外網站上動態性資料，如跑馬燈、閃爍動態效果、需要即時更新的資料等，均應提供替代性版本連結使用。 (四)、網頁編排設計 網頁資訊編排應簡潔一致、清晰明確。由左而右、由上而下編排，選單按鈕每頁應固定位置。每個網頁要有標題，以利辨識網頁間關係，以免迷失。盡量避免使用框架(Frame)，使用時應簡單明瞭，給予每個框架標題並說明彼此間的關係。網頁內容以一個螢幕畫面呈現為佳，不需捲動視窗即可包含所有重要資