第二章 文獻探討
2.1 Web accessibility與無障礙網頁
「Accessibility」在國內有可及性、友善性、親和性與無障礙等幾種解釋,根據WAI組織 的解釋(圖表四):「Web accessibility means that people with disabilities can use the Web.(WAI,
http://www.w3.org/WAI/,2007 年 6 月 28 日)」。國內的相關研究也給予無障礙網站這樣的定義
(圖表五):「無障礙網站即指所有人不因所處環境之軟體環境、硬體設備及本身能力之虧損 都能成功進入網站並獲得完整資訊」(陳嬿伃,2005)。有鑑於譯詞如此紛亂,二零零三年開 始,行政院研考會在「無障礙網頁開發規範」所附的詞彙表(glossary)中,明訂「無障礙」
來作為「accessibility」的主要中文譯詞。僅管如此,對於「無障礙網頁」與「Web accessibility」
的意義背後,仍有部份的專家認為政府所指的「無障礙」或「可及性」與「accessibility」所 要表達的意思不盡相同,「accessibility」的真正解釋其實是「可親近的」,這個解釋更能符合 網際網路創始人Tim Berners-Lee所認為的最終精神:「如何讓全球資訊網成為公有共享」
(Jedi,http://jedi.org/blog/,2007 年 7 月 4 日)。推行Web accessibility是一種社會趨勢與道德精 神,網頁全面化之所以尚未被完全實現,問題在於諸如老人、小孩、身心障礙者甚或是外國 人等等使用族群在使用網頁時,仍有許多障礙發生,很多網頁軟體工具無法充分的具有無障 礙與親和性來給予使用網頁與有障礙的人士使用。Web accessibility對於使用者來說,就如同
「the crub-cuts on the Information Superhighway」(Michael G. Paciello,2000),網頁一旦移除了障 礙,對於原本網頁使用上具有障礙的使用者不但可以流暢地瀏覽網頁,更可以迅速方便的取 得各種數位資訊,而身心障礙者們更可以做許多超越自己能力的事情,而不用依賴他人。資 訊無障礙的環境勢必成為現今網路發展的趨勢,讓網際網路真正的無遠弗屆。
WAI
Web accessibility means that people with disabilities can use the Web , specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to aging.
Tim Berners-Lee
The power of the web is in its 「universality」. Access by 「everyone」regardless of disability is an essential aspect.
Jim Thatcher Basically, technology is accessible if it can be used as effectively by people with disabilities as by those without.
圖表四. Web accessibility 的定義(部份引用自Dey Alexander,2004)
9
DotWeb
無障礙網頁設計目的主要是將網頁內容調整為適合給「視覺障礙人士」
Nielsen於兩千年定義了從網站觀點出發的身心障礙者:「某些人因為其身、心的特
殊狀況,而在使用一般電腦介面上網時,產生一般人不會發生的困難。」(黃朝盟,趙
認知障礙者與神經疾病者等。然而網際網路之父Tim Berners-Lee認為「accessibility」應 該是讓「所有人」都能取用這些資訊,不會受到文化、語言或身體殘障的影響(1999)。
因此 WAI 組織所認為的 web accessibility 所服務對象是「people with disabilities」,也就是 說除了字面上所解釋的身心障礙者之外,只要是「所有可能」在使用上會產生障礙的網 路使用者都算入這個範圍,廣義來看的服務對象不僅止於身心障礙使用者而已。Shawn Lawton Henry便指出:「對於沒有特殊障礙者,如老人、低讀寫能力者、語言不流利者、
使用低頻寬的網路連線(lower-bandwidth connections)者、使用老舊科技者以及新手等(圖 表六、圖表七),web accessibility 也能對他們在瀏覽網頁時提供非常大幫助(Shawn Lawton Henry,2006)」。對於一般使用者來說,有時也會因為環境或某些因素讓我們在使用網 頁時而遭遇到障礙,譬如說處於需要絕對靜音的醫療場所、噪音吵雜的地方或是搭乘運 輸工具等狀態之下,我們都可能是 web accessibility 的受益者。
10
2.1.2 Web Accessibility Initiative (WAI)
為了實現「網頁無障礙化」的概念,一九九四年,網際網路之父Tim Berners-Lee創 立了國際化的「W3C (World Wide Web Consortium)」8,其成立目標是希望讓「所有人受 益」,不會因他們的硬體、軟體、網路基礎設施、母語、文化、地理位置、生理或心智 能力而有任何分別 (W3C, http://www.w3c.org.hk,2007 年 4 月 20 日)。W3C在一九九九 年特別針對無障礙網頁成立了「網頁無障礙推動組織WAI (Web Accessibility Initiative)」,
組 織 中 針 對 網 頁 內 容 、 製 作 者 與 使 用 者 三 方 面 提 出 了 三 個 主 要 方 向 的 工 作 規 範
(guidelines),如以下圖表八所示:
WCAG Web Content Accessibility Guidelines 網頁內容無障礙規範 ATAG Authoring Tool Guidelines 編輯工具規範 UAAG User Agent Guidelines 使用者代理人規範
圖表八. WAI has three primary working drafts (詳細內容請參考附錄 A)
WAI 牽涉範圍甚為廣泛,其中最為重要的便是官方名稱為 Web Content Accessibility Guidelines (WCAG) 1.0,是 W3C 推薦用來針對無障礙網頁內容所制定的規範,今日 WCAG 已成為全球網頁無障礙規範的基本參考指標,也是 WAI 最為核心的部份。而 Authoring
8 World Wide Web Consortium (W3C)創立於 1994 年,W3C 制定 Web 規格與規範,以確保 Web 技術朝正確的方向發展。
W3C 總監為 Web 發明者,Tim Berners-Lee。W3C 制定的規格包括 HTML、CSS、XML、XHTML 與 DOM(Document Object Model)等等。
11
Tool Guidelines(ATAG),則是為了讓編輯工具能支援於無障礙網頁規範,其中最明顯的 例子便是編輯工具的圖片替代文字功能,如此能夠幫助網頁設計者更容易的進行無障 礙網頁設計,並且符合 WCAG 規範。User Agent Guidelines(UAAG)便是針對如瀏覽器、
手機、螢幕、印表機等加以規範,配合 Web 標準來讓這些「user agent」能正確顯示 WCAG 的內容。
2.1.3 我國無障礙網頁規範內容
我國資訊無障礙的推動,起源於二零零二年一月十七日的「研商推動減少數位落 差第二次會議」決議,同年六月,行政院研考會以 W3C WCAG 1.0 為範本制定出屬於 我國自己的「無障礙網頁開發規範」,內容一樣分為十四項規範(guidelines)、規範內含 有九十個標準檢測碼(checkpoints),經由「無障礙網路空間服務網」所下載的免費檢測 軟體 Freego 做機器檢測以及人工實測,並仿傚 WCAG 的三個優先等級(Priority),另加 一個 A+等級,最後頒予通過檢測者無障礙標章(圖表九)。本研究關於詳盡的「無障礙 網頁開發規範」內容收集整理於的附錄 B。
第一優先等級
網頁內容開發者在開發網頁時必須遵循這個等級的檢測碼,否 則,某些使用者或團體將會發現不能使用網頁上的資訊。滿足 此等級檢測碼對一些使用網頁文件的團體來說,是一種基本的 需求。
A+等級
政府資訊網站若通過第一優先等級無障礙設計,且具有網頁定 位點(:::)搭配鍵盤快速鍵(Accesskey)、網站導覽(Sitemap)功能及 網頁瀏覽工具具有使用鍵盤設計,勿只設計僅能使用滑鼠點選 等三種便利使用者瀏覽網頁的功能。
第二優先等級
網頁內容開發者在開發網頁時應該滿足這個等級的檢測碼,否 則,某些使用者或團體將會發現有困難來使用此網頁上的資 訊。滿足此等級的檢測碼將可移除網頁的重要障礙。
第三優先等級
網頁內容開發者在開發網頁時可以納入這個等級檢測碼的要 求,否則,某些使用者或團體將會發現可能有困難來使用此網 頁上的資訊。滿足此等級的檢測碼,將可改善網頁文件的可及 性。
圖表九. 三個優先等級與 A+等級的圖示與定義(整理自無障礙網路空間服務網)
12 2.1.4 無障礙網頁的設計與檢測
Web標準將網頁切割為三項獨立元件:結構、格式與行為(Jeffrey Zedman,2003)。
雖然網頁的無障礙化所牽涉的層面甚廣,但目前的無障礙網頁開發規範著重於程式語 碼的檢核(秦聖青,2004),若使用HTML、XHTML與XML9,並建議配合CSS進行格式 安排,葉耀明教授便認為要達到網頁無障礙,就必須將網頁上的各種資訊與元素做妥 善的定義與規劃(生命力報導,2005 年 04 月 21 日),才能符合親和性設計原則。依據 行政院研考會「無障礙網頁開發規範」的設計流程,無障礙網頁的設計分為以下(圖 表十)四個步驟:
圖表十. 無障礙網頁設計流程圖(引用自無障礙網頁開發規範)
政府「無障礙網路空間服務網」的檢測方式主要可分為三種:「機器辨識,機器檢 測」;「機器辨識,人工檢測」;「人工辨識,人工檢測」。一般來說,九十條檢測碼中僅 有二十五條是機器檢測碼,網頁設計師可以自行下載如免費的Freego(圖表十二)或付費 的Bobby等檢測軟體對於「全網站」進行「機器檢測」,但機器檢測功能相當有限,因 此還必須通過研考會所委由專業的身心障礙人士或是專職人員所進行的「人工抽測」(圖
9 XML(The Extensible Markup Language):W3C 於 2000 年 10 月 6 日發佈,和 HTML 一樣,XML 同樣來自於 SGML,但 XML 能定義其他語言。XML 最初設計目的是彌補 HTML 的不足,以強大的擴展性滿足網路訊息發佈的需要,後來逐 漸用於網路數據的轉换和描述。
步驟一:網站規劃階段 無障礙網頁可及性設計四個原則
步驟二: 網站設計階段 無障礙網頁十四條規範
步驟三之一: 網站檢測階段 無障礙網頁標準檢測碼
機器檢測
步驟四: 網頁認證階段 無障礙網頁檢測認證標章
檢測通過 步驟三之二: 網站檢測階段
無障礙網頁標準檢測碼
人工檢測
檢測通過
檢測不通過
檢測不通過
13
表十一)。網頁設計師在人工抽測之前也可以自行使用「Lynx 純文字瀏覽器」(圖表十 三)或是外掛如「IE親合性工具列」來進行自我檢測。值得一提的是,二零零七年,W3C 針對web accessibility整合了各種不同方面的檢測碼與報告,發表了EARL(Evaluation and Report Language)10,相信這對於未來的web accessibility整體發展將會有很大的幫助。
注意項目 避免項目
1.Flash 裡的連結(請額外提供可及性連結)。
2.網頁標題與圖片的替代文字說明內容。
3.網站地圖的導覽協助。
4.色彩與連結裝飾的問題(不依賴色彩及假鏈結) 。 5.適切的使用導盲磚及快捷鍵。
6.撰寫親和力聲明。
7.提供不支援 script 替代方案。
1.閃爍的圖片。
2.使用結構不明確的表格。
3.主要內容未先呈現。
圖表十一 . 人工檢測的重點項目(引用自網韻資訊)
圖表十二. Freego 檢測
圖表十三. Lynx 純文字瀏覽器
10 Evaluation and Report Language(EARL),http://www.w3.org/WAI/intro/earl.php,2007 年 6 月 30 日。
14
圖表十四. 無障礙網頁標章登錄作業流程(引用自政府網站無障礙化作業規定) 機器檢測
人工檢視
加入會員
標章登錄單一窗口
機器/人工 抽測 障礙人士
實測
1. 建議及改善實測報告公告於 網站,並記錄於「檢測紀錄」
2. 函頒受測機關
符合 不符合
1. 電子郵件通知 2. 記錄於「檢測紀錄」
1. 電子郵件通知 2. 公告於網站
3. 記錄於「檢測紀錄」
網站維護者登錄辦理情形