網站無障礙建置如何進行?

源起

自美國W3C首先發表無障礙宣言以來,世界各國政府基於照顧弱勢團體的政策目標,即積極投入資源研發推廣相關技術。

在台灣,行政院研考會針對網站管理者以及設計者的需要,於九十一年六月發佈「無障礙網頁開發標準暨標章核發作業」規範,參考W3C協會的WAI組織的無障礙網頁內容標準相關規範,並參照各國在制訂無障礙網頁相關政策和推廣策略,與國內近年來在身心障礙者保護政策等相關措施,訂定「無障礙網頁開發規範」,以建立具體的無障礙網路推廣目標與策略。

研考會並積極推動「網站空間無障礙化」,利用政令方式,希望於民國96年底前,讓全台各政府機關及學校能達到至少A+的無障礙標準。自美國W3C首先發表無障礙宣言以來,世界各國政府基於照顧弱勢團體的政策目標,即積極投入資源研發推廣相關技術。在台灣,即由行政院研考會於民國91年6月起主導,積極推動「網站空間無障礙化」,並由政令方式,希望於民國96年底前讓全國各政府機關及學校達到A+無障礙化的標準。

一、 何謂網站無障礙化?

簡而言之,網站無障礙化是將網站調整為適合各種障礙人士使用(瀏覽或聽取),以真正的達到網路無遠弗屆、具親和力的特性。無論讀者是否是身心障礙者,亦或是有技術上的障礙,任何人都有辦法取得網頁上的媒體內容,有能力接收妳所釋出的網站資訊。即便是像 Google 這樣的搜尋引擎,也會特別喜愛更具親和力的網頁。

二、 如何進行網站無障礙化?

要符合無障礙標準並取得標章,不外乎是以人工或程式的方式來修改網頁,只要符合A+的十四條規範以及九十條相關的檢測要點,就可提出標章申請,通過後即可取得標章。

聽似容易,但實際進行時需注意哪些要點呢?以下本文說明何謂「網頁親和力」、「網站無障礙化」。並以網站管理者的角度,介紹規劃專案規格 (RFP) 時應有的考量、及需注意的工作要點。

為何網站要無障礙化?

構成網際網路的基礎是超文字標記語言 (HyperText Makeup Language, HTML) ,隨著 HTML 不斷發展,各種標記語法跟屬性也日益複雜,加上各種網頁瀏覽器所能支援的媒體類型、標記語言不斷擴充,於是網路世界裏開始充斥著各式各樣花俏炫麗的網頁。然而,越是花俏誘人的頁面,也許加上了讓人頭暈目眩的互動效果,但並非人人都有本錢來承受這些效果。

全球資訊網協會 (World Wide Web Consortium, W3C) 的主席、同時也是全球資訊網的發明者 Tim Berners-Lee 曾經說過,「網頁的威力在於其無遠弗屆;無論障礙與否皆能取用,乃是必要的觀點 (The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.) 」對於全球近七億的身心障礙人口來說,她們也祇要求至少要有辦法「知道」網頁上有些甚麼資訊罷了;她們並不奢求能體驗藝術的洗禮,甚至不苛求資訊的傳播對她們來說得要多有效率,她們要的不過是最起碼的、能夠知道網頁上到底在談論些甚麼罷了。

對於世界上另外幾十億人來說,要花多少時間纔能取得網頁上的資訊,就會是頂重要的事了。有所謂的「網頁 13 秒黃金定律」,不管頻寬變得多大、媒體型態多麼多采多姿,如果某個頁面在 13 秒內沒有辦法載入完成,那麼讀者就會變得不耐煩,轉而瀏覽別的頁面。當物理條件(例如頻寬)不夠好時,讀者往往就會退而球其次,藉由不載入圖片、影像等選項,來在較短的時間內把網頁給整個讀進瀏覽器裏。另外有些地方(尤其是公用電腦)會基於安全性的考量,而禁用某些網頁技術(諸如 JavaScript 或 ActiveX 等)。如果原本的網頁上徹底仰賴這些圖片媒體或網頁技術來呈現網頁內容的話,這時就將難以呈現到讀者眼前。

「網頁親和力」所關注的正是這個議題,目的在於確保各種情況下都還能讓讀者取得網頁資訊。由網頁親和力組織 (Web Accessibility Initiative, WAI) 所提倡的網頁內容親和力指導原則 (Web Content Accessibility Guidelines, WCAG) 並非死板的符號規則,而是十四條含糊曖昧的方針 ── 它們被刻意以籠統的陳述方式寫出,就是為了要讓人們沒辦法用程式來敷衍過去。

綜觀這十四條指導原則,其實核心概念祇有兩點;首先,網頁的內容應該以多種等價/等效的媒體呈現,這樣纔能保證擁有不同困難的讀者也能夠取得網頁內容,而不會有所遺漏;在眾多不同的媒體中,尤其又以文字最為必要,因為幾乎任何的瀏覽器,包括盲人使用的點字閱讀器、螢幕朗讀器,以及所有面臨頻寬問題或安全性問題而選用的瀏覽器,也都能解讀文字。所以無論提供了多少種不同的媒體,最好也同時提供文字描述的版本。

在這個概念裏還隱藏著另外一個要點,也就是應該要妥善標示媒體內容的詮釋資料 (metadata) 。在許多情況下,各種媒體其實是會被混合陳列的,就算是在祇用文字的版本裏,也有可能混用了不同的語文,然而讀者手中的瀏覽器卻未必能聰明地猜測出作者的意圖,所以作者也應該同時加註各種媒體的詮釋資料,以利瀏覽器解讀。連 Google 搜尋引擎的索引機器人,也得靠這些詮釋資料,以及前面提到的等價媒體,纔能夠剖析頁面內容,正確地建出網頁索引。如果網頁上並沒有做好這些準備,那麼就連搜尋引擎也難以找出網頁裏的訊息。

除了上述的概念外,第二個重要的核心概念是內容的呈現方式應該要清楚、直接而明確。這個概念其實比前一個還要抽象而難以實踐,它說的是就算妳使用自然語言(也就是明確的中文、英文、法文、德文、義大利文等)來撰寫網頁內容,妳也應當盡量使用清楚而具體的語句、簡潔而明確的句法,並且應當在該加上註解的地方加註,標示縮寫與頭文字等。這些是避免有認知理解障礙、或者單純對於網頁內容背景知識認識不足的讀者,無法理解網頁內容。

許多製作網頁多年的人瞧不起網頁親和力,總以為具有親和力的網頁必定枯燥無趣呆板醜陋;然而實際上並非如此,網頁親和力的指導原則並不是要限制網頁藝術家能夠揮灑的筆觸,而是希望在作品完工之際,能再多花點心思加以添補詮釋資料或其他媒體的版本,讓每個細節都盡善盡美,讓更多的人能夠領略這作品的美好。

祇有當一份資訊無論外在條件如何,都能自由地被隨意取用時,纔真的能被稱之為資訊。而這正是網頁親和力的目的。

要達到高度的網頁親和力、並應映政令要求取得無障礙網頁標章,不外乎以下的工作事項。

網站無障礙化建置方法與標章取得規範

行政院研考會頒布的「無障礙網頁開發規範」包含十四條規範以及九十條相關的檢測要點,這些要點並可分別歸類為三個等級 (A、2A、3A),不同等級顯示對網站無障礙不同的影響程度。

此外,為幫助政府機關以及民間網站的經營者發展出障礙者可使用的網站,研考會於九十二年六月參考「無障礙網頁開發規範」、「無障礙網路空間規劃與設計」及國內外無障礙網頁設計相關資訊,編訂了「無障礙網頁設計技術手冊」。技術手冊針對每一個無障礙網頁檢測要點,解釋如何實際執行,並提供編寫HTML程式的範例。詳見無障礙空間服務網 -- http://www.enable.nat.gov.tw/)。

一個完備的無障礙網站改版建置案,至少需有以下五個步驟:

流程1、網站內容分析

  1. 使用檢測程式分析網站規模;
  2. 與貴單位專案人員需求確認及網頁物件命名訂定;
  3. 與貴單位專案人員溝通確認進行訂定規格作業。

流程2、無障礙網頁製作

無障礙網頁製作主要是依據研考會所頒布的規範,以軟體及人工的方式進行網頁修改。依據「無障礙網頁開發規範」之十四條規範,以及九十條相關檢測要點,以下各項要領是網頁無障礙化修改的基本守則:

  1. 在色彩的使用上:使用安全的色彩,使文字顏色和背景顏色有顯著的對比,讓視覺障礙者,如:色盲,可以很容易的閱讀網頁;
  2. 在圖片的使用上:將圖片加上相對應的替代文字,或是詳細說明,當瀏覽工具無法顯示圖片時,也能正常的瀏覽網頁。且不使用文字閃爍之GIF動態圖片;
  3. 在影音多媒體的使用上:包含影像、聲音、動畫等,提供相對應的文字說明,或提供逐字逐句之旁白,使障礙者在聽不到聲音、或是看不到影像的情況下,也能了解其意義;
  4. 在表格或文字使用上:表格以相對尺寸來設計,使網頁在不同解析度的狀況下,都能填滿視窗,並維持網頁編排,文字也能夠隨著使用者的設定,放大字體,使障礙者能夠輕鬆的閱讀文字;
  5. 加入導盲磚之設計:導盲磚配合版型並結合快速功能鍵,於適當的區塊中呈現,能夠使障礙者在能夠快速的將網頁焦點定位於所欲閱讀的區塊中,減少使用按鍵的次數;
  6. 加入網站無障礙設計聲明:提供完整的使用說明,清楚的列出網站所定義的快速鍵使用方式,以及網頁區塊切割方式,使用者可以充分的了解網頁之樣版模式;
  7. 在連結的使用上:為連結加入適當的標題,當連結的文字不能清楚讓使用者了解連結之內容時,加入連結內容之詳細描述。若有開新視窗之情況,會於連結的說明文字中指出;
  8. 在標頭的使用上:為避免使用者閱讀上的混淆,不濫用標頭在非常標頭的文字上,在真正的標頭上,依循序的結構加以設定;
  9. 在表格的使用上:當行列過長之標題,以縮寫或簡稱表示之。如表格之行列具有二層以上之架構,以結構化之標記,明確指出彼此關係,並不使用表格多欄位之設計;
  10. 提供除了滑鼠以外的使用方式,當使用者以輔具或其他工具瀏覽網頁時,提供鍵盤驅動之方式;
  11. 不設計自動移轉網頁及每隔一段時間自動更新及跑馬燈功能,避免使用者使用上的不便;
  12. 提供網站導覽功能,讓使用者可以非常清楚網站整體架構。
  13. </ol>

    流程3、內部檢驗測試

    在「無障礙網頁製作」流程中,開發人員即需使用工具程式來輔助各項網頁修改並進行開發者檢測,以確保品質及修改的正確性。在每個階段性檢核點及提出標章申請前,開發單位至少應利用系統化的檢測軟體來進行全面的檢測,並依檢測結果修正尚未符合標準的網頁。

    流程4、標章申請

    圖表 1 2005年6月1日研考會標章申請流程



    5、 確保後續網站無障礙化

    大部份的網站在營運過程中,內容需持續更新擴充。因此,取得標章後,如果沒有一個配套措施,後續在網站經營過程仍可能破壞網站的無障礙標準。

    可能的解決方案有兩種:

    1、聘請或雇用具無障礙專業的網頁開發人員來進行後續所有的網站更新維護。這對沒有管理後台的靜態中小型網站是一個不改變現有流程的最佳解決方案。

    2、建置、擴充或更換現有的後台管理系統:對於目前尚未有後台管理系統的中大型網站,利用此次更新來建置一個具備無障礙功能管理後台不失為一個方法。對於目前已有管理後台的網站管理員,擴充現有後台功能以使其具備無障礙功能可能需視現有後台廠商的意願或技術能力而定。

    網站內容管理系統 (CMS)

    CMS是網站內容管理系統 (Content Management System)的縮寫。一個具備無障礙功能的內容管理系統,除了需具備如線上文書處理介面來進行網頁更新、發表等一般CMS功能,更需具備無障礙整合功能。透過CMS,內容發表者應能透過管理系統,使用熟悉的發表界面流程來進行網頁的更新發表。所發表的內容即可自動符合無障礙機器檢測標準。

    根據內政部的所統計的「八十九年度台閩地區身心障礙者生活需求調查報告」中我們可以發現:

    1. 身心障礙者的教育程度普遍偏低;中小學以下教育程度者就佔了74.4%。

    2. 年齡層分佈不平均;不同的障別的年齡結構不同,如聽視障偏向中高齡,心智障礙多在幼年及青年時期。

    3. 經濟狀況不佳;超過50%的家庭僅可餬口,其中低收入的身心障礙家庭的之處大於收入者更高達50%以上。

    4. 電腦硬體上的限制;輔助器具的價格昂貴政府補助不足。

    5. 參與職訓的比例過低:有參與職訓的身心障礙者只有75%而有參與職訓意願的身心障礙者也只有14%。

    6. 職訓單位水準參差不齊;一般的職業訓練機構並沒有心理輔導與就業追蹤的功能,導致身心障礙者容易遭遇就業挫折。

    7. 一般的廠商接受程度低;一般公司多接受輕度或重度的身心障礙者,大多把重度與極重度排除在外。

    此外,在參與職業訓練者中,想接受電腦軟體應用與電腦文書處理的人佔了24.9%,為各項職種中最高的。

    身心障礙者數位落差不僅是「先天不良」更是「後天不足」。倘若要改善這樣,除了要加強身心障礙者的教育程度外,也需要政府相關的政策推動,例如研考會的「無障礙空間」等相關政策,至少能協助身心障礙者改善數位落差的宿命,否則難免淪為二十一世紀數位資訊社會的次等公民。