第一章 緒論
1.1 研究背景與動機
自二十世紀以來，網際網路科技以不可思議的速度快速發展，電視廣告甚至預告著光纖 網路在未來將要連接到每個人的家中。E世代的來臨，無法利用數位資源的人將如同現代文 盲。社會的高度資訊化，人們對於知識的取得不再緩慢與困難，講求「知識經濟」的現代，
資訊早已沒有時空上的限制。網際網路的迅速普及，一方面歸功於科技的進步，另一方面則 是網頁編輯工具（authoring tool）的快速發展，許多的網頁設計者可以完全不必透過程式的 撰寫，經由WYSIWYG （What You See Is What You Get，所見即所得）的簡單介面進行操作，
便能輕易的設計出炫麗的網頁。今日網頁結合豐富的影像、聲音與動畫，DHTML1更可以製 造出實用且華麗的動態效果。然而設計師在使用這些元素設計網頁時，卻往往忽略了網頁使 用者在瀏覽網頁時可能會遭遇到各種諸如環境、硬體、軟體以及身心上的等等障礙，使得他 們在瀏覽這些靜態或動態網頁時，產生了無法避免的困擾與阻礙，因而在資訊社會中形成看 不見的「資訊鴻溝（information gap）」以及「數位落差（digital divide）」。有鑑於此，如美國、
加拿大、英國、德國、芬蘭、日本、韓國、新加坡、澳洲與紐西蘭等先進國家紛紛在近幾年 以鼓勵或立法的方式積極推動「Web Accessibility」的概念。
1.1.1 國內無障礙網頁的發展沿革
一九九七年四月十八日我國政府通過了「身心障礙保護法」，積極進行實體「無障 礙空間」的推動，為了讓網路空間也能無障礙，二零零二年行政院「研究發展考核委 員會」2以WCAG 1.0（Web Content Accessibility Guidelines）為範本，並參考先進國家（如 美國、英國與澳洲等國家）制訂的無障礙網頁相關政策和推廣策略，配合國內身心障 礙者保護政策等相關措施，訂定出屬於我國的無障礙網頁空間開發規範。經過部份的 修改與增加，也維持與WCAG相同的十四條規範，而規範內容再更加細分為九十條檢 測碼。研考會最主要的推行網路平台「無障礙網路空間服務網」，已成為我國管理者與 設計者將網頁無障礙化執行檢測認證的一個主要依據。值得一提的是，為了解決國內 紛亂的解釋與翻譯，研考會於二零零三年在官方開發規範中的詞彙表中，把「Web accessibility」統稱做「無障礙網頁」（行政院研究發展考核委員會，2007）。二零零四年 三月，行政院將「縮減數位落差四年計畫」列為國家重大政策，並納入「數位台灣計 畫」，其中如圖表一「無障礙資訊服務」便是該計畫之中的重要發展項目。二零零六 年，美國布朗大學的電子化政府（e-government）評比中，我國的親和性網頁項目在一
1 動態 HTML 簡稱 DHTML，代表控制 HTML 文件的文件物件模型(Document Object Model)，用 CSS 處理樣式資訊，以及 利用用戶端的 Javascript 指令語言，把一切結合起來。
2 研究發展考核委員會：隸屬於行政院，是政府推行無障礙網頁的主要官方機構。
2
百九十八個國家中排名第八，有百分之二十三的網站達到無障礙網頁的水準，顯示政 府在無障礙網頁之推動成果已彰顯出來（行政院研究發展考核委員會，2006）。
1 提供民眾利用網路查詢政府各項服務資訊，提昇民眾網路公民政策參與。
2
減低身心障礙者上網障礙，提高網路的可用性，創造資訊公平環境。透過無障 礙網路學習(e-learning)，達到無障礙學習環境，使全體國民都能真正融入數 位化的資訊社會。
3 保障身心障礙同胞的基本人權及資訊使用權，共同營造公平、正義的社會，提 昇國際形象。
圖表一.「無障礙資訊服務計畫」分項計畫之主要願景目標
為了推動網頁無障礙化，行政院研考會以「專案」的形式與世新大學電算中心進 行合作，並以行政命令的方式要求中央政府、地方政府與學校等機關，必須在「無障 礙網路空間推動時程（圖表二）」內將「全網站」無障礙化。以我國的大學網站為例，
大學網站是公共服務網站代表與示範，也是國家發展的重要指標，大學身為一個國家 的高等教育學府，不但肩負著教學與學術研究之重任，更積極培育優秀的專業人才。
因此行政院研考會於二零零三年十一月所公布的無障礙網路空間推動時程表中，也要 求研究機構與大專院校等教育單位必須於二零零六年底將網頁達到無障礙 A 等級，第 二階段則要求在二零零七年底達到 A+等級。為了因應此一政府措施，二零零六年九 月，國立高雄第一科技大學強制規定校內所有網頁設計必須符合政府所規定 A+的無障 礙檢測標章等級，而國立交通大學計算機中心也於同年十一月舉辦「教學及行政單位 網頁建置競賽」，明確於評分表上增加了「符合無障礙網頁規範」這一項重要的評分標 準。在行政院研考會的積極推動下，各大學網站有否實施「無障礙網路空間」，已成為 未來大學評鑑指標之一（世新大學電算中心公告，2005 年 10 月 14 日）。
除了大學網站之外，在政府與專家學者的積極的推動下，截至二零零六年九月底 止，已有兩千九百八十五個政府網站申請無障礙標章，另有學校、民間企業等亦有六 百六十九網站申請無障礙標章（行政院研究發展考核委員，2006）。
由於政府部門的網站規劃與設計案多是委託民間數位資訊公司製作，因此現階段 行政院研考會積極針對政府、學校資訊部門的網站負責人員舉辦座談會與教育訓練，
教導網頁資訊無障礙化的相關觀念以及製作、檢測與認證的技術，徹底落實政府與學 校公共服務網站「全網站無障礙」。
3
4 1.1.2 網頁設計者面臨的問題
相對於政府「無障礙」網頁的推行，網頁設計者首先面臨了一些認知上與製作上 問題。什麼是「親和性網頁（Web accessibility）」？什麼是「無障礙網頁」？它的意義 與價值是什麼？使用族群是誰？又要如何製作？然而，若accessibility是為了這些在使用 上遇到障礙的使用者，設計者想要真正的瞭解這些使用者在瀏覽網頁時所遭遇到的困 難，就必須親身去接觸與觀察他們的使用情形，然而大部份實際處理網頁親和性的人，
卻往往是實際設計網頁的設計師與開發人員（Steve Krug，2006），他們大多並沒有實際 的機會與時間去瞭解什麼是網頁所謂的「親和性」或「無障礙」，更不可能真正的去接 觸使用上具有障礙的網路使用者，只能單純依據行政院研考會所公佈的「無障礙網頁 開發規範」以及檢測軟體去測試自己所設計的網頁是否合乎基本規範。目前無障礙網 頁開發規範的內容，多偏向於程式語言的檢核（秦聖青，2004），對於網頁結構的注重 更甚於視覺上設計，正顯示網頁設計的發展趨勢正邁向「Web標準（Web standard）」3， 網頁設計者必須以更嚴謹的語碼結構來進行設計與製作。此外，今日網頁設計者除了 以撰寫HTML（HyperText Markup Language）或是XHTML（eXtensible HyperText Markup Language）的方法來製作網頁之外，也可能僅單純依靠Dreamweaver或Frontpage兩大網頁 編 輯 軟 體 ， 以 WYSIWYG 的 方 式 進 行 網 頁 製 作 。 但 是 即 使 國 際 性 組 織 WAI （ Web Accessibility Initiative ） 針 對 編 輯 工 具 制 定 了 ATAG (Aothoring Tool Accessibility Guidelines)，要求這些編輯軟體的內建親和性功能必須更完整的幫助設計者進行設計，
然而在無障礙網頁的製作設計過程中，設計者本身也必須對於這些程式語碼有基本的 認識，否則將使得網頁設計者在製作無障礙網頁會發生技術上的困難。
其實，國內網頁設計者在嘗試學習該怎麼使網頁「無障礙」化時，背後充滿了各 種動機與理由，許多網頁設計者與網頁管理者或許會認為網站無障礙規範內容是既繁 瑣且麻煩的事，也感受不到任何無障礙化所帶來的效益，甚至也可能認為政府將這方 面需求過於誇大，認為這些因應性的作法，僅會讓「一般使用者」眼中的網頁變得更
糟。謝東儒便曾認為：「無障礙網頁的發展，雖幫助了身心障礙者在瀏覽網頁上的問題，
但相對的可能會出現網頁發展過於簡單化的後果。」(生命力報導，2005 年 04 月 21 日)。
網頁設計者也可能會擔憂因為無障礙網頁的推行，將會產生更多的工作量與折衷化的 設計（Steve Krug，2006）。許多網頁設計師在認知上，可能將無障礙的考量視為他們創 造力的限制、必須遵守的指導原則或者是得服從的法令，更常被看成在網站完成後，
無障礙規範成為他們用來確認是否符合某個標準的外部測試因素（Andy Clarke，2007）。 然而對於網頁本身來說，親和性在理論上應該在設計的一開始便進行考慮，然而國內 的 網 頁 設 計 者 往 往 在 實 務 上 的 製 作 並 非 如 此 。 所 謂 「 Availability does not equal accessibility」(Michael G. Paciello，2000)，設計者若僅靠這些被動的檢測機制來片面符合 相關的條列式規範，這個網頁在本質上也無法真正的為「所有使用者」設想，並在「各
3 由 W3C 所推行的 Web 標準(Web standard)，指的是以 XHTML 與 XML 搭配 CSS 進行網頁結構與樣式設計，好處是可以 減少標記量、容易分離內容與樣式、易用性增加與相容於未來標準。
5 個面向」上摒除網站使用上的障礙。
網際網路提供了大量的數位資訊，一般網頁使用者平常以跳躍性的方式觀看整個 網頁，但對於視障的網路使用者而言，他們卻只能接受線性排列的資料(蘇聖煌，2006)，
他們必須透過網頁轉譯成的機器邏輯來瞭解整個網頁資訊，而這些機器邏輯便是網頁 設計者在設計與製作網頁時所給予的。設計製作者除了考慮親和性（accessibility）與使 用性（usability）之外，也得兼顧給予一般使用者網頁的美感與整體風格等等，如何取
他們必須透過網頁轉譯成的機器邏輯來瞭解整個網頁資訊，而這些機器邏輯便是網頁 設計者在設計與製作網頁時所給予的。設計製作者除了考慮親和性（accessibility）與使 用性（usability）之外，也得兼顧給予一般使用者網頁的美感與整體風格等等，如何取