政府網站營運交流平台 - 國家發展委員會
:::

2.1網站無障礙與公平原則

更新日期:103-10-20

本文閱讀指引說明閱讀指引檢核表單閱讀
  1. (1) 定義

    網站無障礙(Accessibility)與可用性、可及性、通用性等同義。無障礙設計概念廣泛應用於公共空間規劃、工業設計,甚至服務提供的方式。

    實體無障礙空間之達成,需依賴包容性設計(Inclusive Design)。包容性設計屬於產品、服務和環境空間的設計方法,目的在於儘可能提供最多使用者使用該產品、服務或空間,不論服務對象的年齡、行為能力或其他條件之限制。

    網際網路日益普及,在日常生活中所扮演的角色越來越重要,包括就學、就業、政府施政、商業行為甚或娛樂活動等皆可透過網際網路進行,由此可知網頁無障礙化所提供之無差別服務也就愈形重要。

    事實上,網際網路的本質與特性,已較其他服務提供管道或環境空間更具平等之特性,透過網際網路所提供之服務或活動,可以較低的成本進行無障礙化,可使受惠的使用者層面達到最廣。

    政府網站無障礙化可鼓勵民眾透過完善的資訊建設,充分參與政治、社會與經濟活動。隨著社會人口逐漸老化,網站提供服務時,不應該僅針對年輕力壯、耳聰目明者,而必須將身心不便或年長者之使用需求列入考量。不同情況的身體與心理障礙者上網時可能遭遇的問題與網站因應之設計方式詳見附件一本章節說明內容。

  2. (2) 我國網站規範參考
    • 無障礙網頁開發規範
    • 政府網站版型與內容管理規範
  3. (3) 國際網站規範參考
  1. (1) 無障礙網站開發規範訂定目的、參考與來源18

    為使所有民眾可順利使用政府網站,原行政院研考會於民國91年研訂「無障礙網頁開發規範」,希望藉此降低網站應用之困難,提升政府資訊流通與應用的機會。

    我國無障礙網頁開發規範乃參考W3C(World Wide Web Consortium)的WAI(Web Accessibility Initiative)組織的無障礙網頁內容標準相關規範,並參照各國制訂無障礙網頁相關政策和推廣策略的做法,及國內近年來在身心障礙者保護政策、無障礙空間的推動、視覺障礙者在無障礙網路相關措施的努力等經驗所訂定。

    此外,為協助政府機關與民間企業發展無障礙網路空間,原行政院研考會於民國92年6月,參考「無障礙網頁開發規範」、「無障礙網路空間規劃與設計」及國內外無障礙網頁設計相關資訊,編訂「無障礙網頁設計技術手冊」,針對各項無障礙網頁檢測要點,提供HTML程式編寫及實際執行範例,有助於網頁設計者更有效地落實無障礙網路空間之理想。

    由於近幾年網路資訊應用環境發展快速,W3C為因應新的網頁技術及應用不斷的創新,於2008年底公布WCAG 2.0。為因應WCAG 2.0相關技術要求,原行政院研考會於99年度邀集國內此領域專家學者,參考WCAG 2.0重新檢視研修適用我國環境的「無障礙網頁開發規範二版(草案)」,規範內容包括無障礙網頁可及性設計四項原則、三個檢測等級、十二條規範,提供一個資訊網站在處理無障礙網頁的規劃、開發、設計、檢測、和認證等工作時,可以依各發展階段對於無障礙網頁開發的需要提供相關的指引。目前該版尚由國家通訊傳播委員會接續研修中,實際內容依正式頒布為準。

  2. (2) 無障礙網頁檢測與無障礙標章

    無障礙網頁單機版檢測程式(通稱FreeGo),為檢測網站是否符合無障礙網頁開發規範的檢測工具。可於個人電腦對網頁或檔案進行無障礙檢測。檢測結果顯示檢測網頁之列表數據與通過之優先等級,並提供單網頁與全網站檢測之檢測報告,提供網站維護者修正之參考依據。

    此外,該檢測程式尚提供申請標章登錄認證功能,若機器檢測結果符合申請標章標準,檢測程式之「申請標章登錄」按鈕將顯示為啟動狀態,由申請機關自我檢視人工檢測碼後,即可進行申請標章登錄及取得標章連結資料。相關檢測程式及使用手冊可於政府網站營運交流平台下載。

    無障礙檢測與標章申請相關說明請參見附件一「3.7.1 無障礙功能檢測」。

  3. (3) 國際網站規範參考

    表8列舉不同情況的身體與心理障礙者上網時可能遭遇之問題,目的在於使一般使用者和網頁設計者瞭解並為此提供對策。在此並不企圖涵蓋所有可能的狀況與解答,無障礙網站開發規範與說明請參考政府網站營運交流平台內容。

    表8  身體與心理障礙者上網時可能遭遇問題之列表

    障礙情況 上網可能遭遇的問題 網站應該怎麼作
    視障:全盲
    1. 無法獲得圖片傳達的訊息。
    2. 無法使用滑鼠操作。
    3. 以螢幕閱讀器(Screen Reader)線性閱讀文件,在線性閱讀的情況下表格可能沒有意義。
    4. 螢幕閱讀器可能無法閱讀縮寫與簡稱。
    1. 圖片應提供替代文字,說明圖片內容。
    2. 設定快速鍵,協助跳過重複資訊;所有滑鼠事件需提供對應之鍵盤操作方式。
    3. 清楚標明表格資料行與列之標頭資訊。
    4. 用abbr及acronym標籤註明縮寫與簡稱的含意。
    視障:弱視
    1. 閱讀小字體有困難。
    2. 當內容與背景對比不夠強烈時,無法清楚閱讀內容。
    1. 避免使用較小字體;應使用相對單位設定字體大小。
    2. 確保文字與背景間存在足夠反差。
    視障:色盲
    1. 無法辨識僅靠顏色傳達之訊息,例如以紅色文字代表重要訊息。
    2. 文字與背景色彩反差不夠時,會產生閱讀困難。
    1. 除以顏色或符號區分外,應加上輔助說明文字(如「必填」)。
    2. 確保文字與背景間存在足夠反差。
    3. 以CSS處理網頁視覺呈現,使用者可視狀況關閉或開啟CSS。
    聽障:全聾 無法聆聽多媒體資料聲音。 應提供影片同步字幕,或內容旁白文案。
    聽障:重聽 無法清楚聆聽多媒體資料聲音。 應提供多媒體資料內容旁白文案。
    肢體行動障礙 不方便甚至完全無法操作滑鼠。 設定快速鍵幫助跳過重複資訊;所有滑鼠事件均需提供對應之鍵盤操作方式。
    認知與神經障礙:閱讀障礙、注意力不集中、智力缺損、記憶障礙、癲癇
    1. 閱讀網頁的文字內容有困難。
    2. 來不及閱讀捲動或流動的文字。
    3. 很難重新學習使用不同方式編排的網頁。
    4. 對於閃爍的畫面感到不適。
    1. 圖形可幫助理解與提高注意力;使用簡單易懂的文字。
    2. 避免使用跑馬燈或讓網頁文字移動。
    3. 全網站採用一致的版面設計與導覽機制;使用介面設計力求簡單易懂。
    4. a.避免讓網頁閃動及文字閃爍;b.避免使用動態圖檔;c.不要讓網頁自動轉移網址;d.若要開啟新的瀏覽視窗需先通知使用者。
    因老化引起的行為能力減退
    1. 對彈出視窗或網頁自動更新感到困惑。
    2. 用滑鼠游標點選小區域的連結有困難。
    3. 閱讀較小的文字感到吃力。
    4. 來不及閱讀捲動或流動的文字。
    1. 避免使用彈出視窗設計。
    2. 所有滑鼠事件均需提供對應之鍵盤操作方式;使用相對單位設定字體大小。
    3. 避免使用過小字體。
    4. 避免使用跑馬燈或讓文字移動。
  4. (4) WCAG 1.0說明

    網頁內容親和力指引1.0版(Web Content Accessibilty Guidelines 1.0,簡稱WCAG 1.0)於1999年5月5日成為W3C標準。

    該指引內容主要說明方便身心障礙人士取得網頁內容之設計準則,有效提升網站內容可及性,最終目標乃希望使用者在任何情況下使用任何瀏覽器皆可順利且快速地取得網站內容。且本方針的制訂並非用於限制網站提供如影像、影片等多媒體內容,而是希望網站設計者瞭解如何讓更多的使用者取得多媒體內容。

    該指引之準則共有14項,依據每項準則發展檢核點(Check Points)。詳列如下:

    • 影音資料必須提供對應的替代文字說明。
    • 確認文字與圖形在無色彩的狀態下依然可正確顯示資訊。
    • 適當地使用標示語言與樣式表(Style Sheet)。
    • 適當地使用自然語言,便於瀏覽與說明網頁內容。
    • 確認使用標示語言清楚說明表格內容資訊。
    • 確認即使瀏覽器不支援新技術時,網頁資訊亦可正常顯示。
    • 確認動態的網頁內容可由使用者決定是否暫停或停止。
    • 確認提供使用者介面操作的替代性方案。
    • 確認可使用多元的輸入設備操作使用者介面。
    • 確認使用舊版瀏覽器與輔具之使用者可正常使用網站。
    • 採用W3C標準之技術與準則。
    • 提供使用者易於瞭解的情境式資訊。
    • 提供清楚的導覽機制。
    • 確保網站中所有文件內容是清楚且簡單的。
  5. (5) WCAG 2.0說明

    網頁內容親和力指引2.0版(WCAG 2.0)已於2008年12月11日成為W3C標準。

    WCAG 2.0以WCAG 1.0為基礎,但WCAG 2.0並未提供如WCAG 1.0中詳細且具體的規範項目,而是提供大方向之原則項目供網頁設計者參考。而為因應目前日新月異之網頁設計技術,WCAG 2.0試圖適用於各類型技術之無障礙程度,而非以HTML語法為主要規範內容。

    WCAG 2.0共有四項原則及十二條規範:

    • 四項原則:
      1. 可感知:資訊及使用者介面元件一定要以使用者能夠察覺的方式來呈現。

        表示使用者一定要能察覺呈現出來的資訊(也就是資訊不能對使用者所有的感官均無形)。用以闡釋此原則所設置的規範包括了規範一、規範二、規範三、規範四。

      2. 可操作:使用者介面元件和導覽功能一定要可操作。

        表示使用者一定要能夠操作介面(介面不能要求使用者無法執行的互動方式)。用以闡釋此原則所設置的規範包括了規範五、規範六、規範七、規範八。

      3. 可理解:資訊及使用者介面的操作一定要可理解。

        表示使用者一定要能夠明白資訊及使用者介面的操作(亦即內容及操作皆不能超出使用者的理解能力)。用以闡釋此原則所設置的規範包括了規範九、規範十、規範十一。

      4. 穩健的:內容一定要穩健,而能夠被各種不同的使用者代理及輔助科技可靠地加以闡釋。

        表示隨著科技進步,使用者一定要能取用內容(也就是隨著科技及使用者設備演進,內容仍應保有可及性)。用以闡釋此原則所設置的規範包括了規範十二。

    • 十二條規範
      • 規範一:為任何非文字的內容提供等義的替代文字,使這些內容能依人們的需求,轉變成大字版、點字、語音、符號或簡化過的語言等不同型態。
      • 規範二:針對時序媒體提供替代內容。
      • 規範三:建立能以不同方式(例如簡化的版面)呈現,而仍不會喪失資訊或結構的內容。
      • 規範四:讓使用者能更容易地看見及聽到內容、區分前景和背景。
      • 規範五:讓所有的功能都能透過鍵盤使用。
      • 規範六:提供使用者充分的時間來閱讀及使用內容。
      • 規範七:不要用任何已知會誘發痙攣發作的方式來設計內容。
      • 規範八:提供協助使用者導覽、尋找內容及判斷所在的方法。
      • 規範九:讓文字內容可讀並可理解。
      • 規範十:讓網頁以可預期的方式來呈現及運作。
      • 規範十一:幫助使用者避開及更正錯誤。
      • 規範十二:針對目前及未來的使用者代理與輔助科技,最大化其相容性。
  6. (6) 建議參考文件


18 內容參考無障礙網頁開發規範前言說明。

目前機關網站所提供之網頁無障礙快速鍵,建議如下:

Alt+U:上方導覽連結區,此區塊列有本網站的主要連結。

Alt+L:左方導覽連結區,此區塊列有本網站的主要連結。

Alt+C:中間主要內容區,此區塊呈現各網頁的網頁內容。

Alt+R:右方相關資訊區塊,首頁其他相關連結區。

Alt+S:網站搜尋。

下一章節
2.11規劃網站經營資源
回目錄頁