無障礙網頁

無障礙網頁特別針對殘疾人士的需要，使用者縱使能力不一，也能輕易使用網頁所提供的資訊和服務。

基本介紹

• 中文名：無障礙網頁
• 外文名：Barrier free Webpage
• 類型：網頁
• 必要性：用無障礙設計的原因有許多
• 意義：網站是否為所有人而設計

有些機構可能認為，如網站已很容易經搜尋器找到，該網站的設計便屬「無障礙」。然而，無障礙網頁的主要原則不在於網站是否「能讓人搜尋得到」，而在於網站是否為所有人而設計，不論這些人是誰或他們透過什麼途徑上網。

必要性

採用無障礙設計的原因有許多。

社會責任

每個人均有責任一視同仁對待健全人士和殘疾人士。這一點對網站來說尤為重要，因為網站往往可以協助殘疾人士在知識型社會中更獨立地生活，讓他們充分發揮潛能。在某些情況下，網站是殘疾人士接觸最新資訊的唯一途徑。

法律責任

《殘疾歧視條例》（香港法例第 487 章） 訂明機構須確保他們的服務可供所有人（不論殘疾與否）使用。這項原則亦適用於網站所提供的資訊和服務。

開拓潛在市場

採用良好的無障礙網頁設計，能夠令：

• 政府網站接觸到更多市民
  
• 企業網站接觸到並保留更多網上客戶
  

在搜尋結果中排得更佳位置

網站如採用無障礙網頁設計，不但讓殘疾人士易於使用網站，亦有利搜尋器檢索網站。許多無障礙網頁的設計特色，例如為網頁作正確編碼，並將內容以清晰和有條理的方法展示，都有助搜尋器搜尋網站。因此，網站的無障礙程度越高，可更有效提升網站在搜尋結果中的表現，令網站得以接觸更多潛在客戶。

降低成本

網站特別是當推出新系統時如能參考無障礙網頁指引來推行項目，長遠能節省時間和金錢。網站特別是當推出新系統時如能參考無障礙網頁指引來推行項目，長遠能節省時間和金錢。

建立無障礙網站須採用良好的編碼技術，這可令網站維護工作更趨容易，並可使網站能兼容各類型網路瀏覽器和設備，例如智慧型手機和平板電腦。

常見誤區

對於無障礙網頁，存在著許多誤解。下文嘗試闡釋這些誤解，希望有助貴機構採用無障礙網頁設計。

誤解1: 殘疾人士不使用網站

許多人認為殘疾人士不使用網站。事實上，情況完全相反。很多殘疾人士和健全人士一樣經常使用網站，在網上購物和進行社交活動，令他們更能獨立地生活。

誤解2: 無障礙網站枯燥乏味

設計人員擔心無障礙網站的設計枯燥乏味，但事實並非如此。一般而言無障礙網站採用良好的編碼技術及簡潔的設計，而設計簡潔不一定是枯燥乏味。

誤解 3: 無障礙網頁的製作成本高昂

許多人認為建立無障礙網站網頁成本高昂，因而十分抗拒。事實上，要建立無障礙網站，一般須採用較佳的程式編制方式和良好的編碼技術，這些技術可令網站更易於維護和使用，並可兼容多種瀏覽器和設備，長遠更能節省金錢。

殘疾人士

當提及無障礙網站這個課題，大部分人都會聯想到視障人士。其實，殘疾有多種不同類別，故此不同的殘疾人士會使用多種不同的方法使用網站。

殘疾主要分為四大類：視力障礙、身體殘障、聽力障礙、認知障礙

此外，我們也會經歷短暫殘障，例如手臂受傷等。這些損傷令傷者如同永久傷殘人士一樣，在使用網站時遇上極大困難。

有關殘疾的例子和克服殘障的方法，概述於下文。

視力障礙

視障人士無法看到電腦螢幕或在觀看電腦螢幕時有困難。因此，網站應能配合使用螢幕閱讀軟體、螢幕放大器及色盲人士可看得到的顏色。

身體殘障

身體殘障人士無法透過正常方式，使用鍵盤和滑鼠操作電腦。身體有不同殘障的人士，所遇到的問題亦各有差異，例如肢體不靈活的人會難以控制滑鼠，喪失肢體的人士則可能完全無法使用滑鼠或鍵盤，而癲癇症患者可能會對閃動的影像有過敏反應。

因此，應設計較大的按鈕，方便這些人士點擊，而且不要將重要項目放在太接近，以免他們錯誤點擊項目。

此外，應確保網站可以配合使用輔助技術，例如語音控制軟體，這樣殘疾人士便能夠透過語音指令操控網站。

聽力障礙

隨著網上視像和聲音內容日益增多，因此應探究這種情況如何影響失聰人士。如果資訊通過聲音傳遞，便應確保有其他途徑讓他們接收到這些資訊。

做法很簡單，就是為聲音內容提供文字稿或在視像內容配上字幕。文字稿同時也惠及視障人士。

認知和學習障礙

儘管認知障礙難以界定，但這一般都涉及有特定學習困難的人士或精神病患者。與一般人比較，這些人士在進行思維工作時存在更大困難。

即使他們在使用網站時不需要任何特殊工具，但與一般人比較，他們可能會覺得網站內容難以理解。當機構編撰網站內容時，應留意這一點。

十大不便

• 無法跳過 Adobe Flash 和移動影像
  
• 字型細小或色彩對比度不足
  
• 沒有就非文字資訊提供其他選擇
  
• 網站結構太複雜，難以使用輔助工具理解 / 導覽
  
• 網站播放的背景聲音造成障礙
  
• 文字版本過時
  
• 有些功能要在特定時間內完成，但時限太短
  
• 難以控制音量控制桿
  
• 描述不清晣的連結，讓讀屏軟體難以發揮作用
  
• 瀏覽 PDF 檔案檔案時遇到的障礙
  

無障礙網頁指引

全球資訊網聯盟的《無障礙網頁內容指引》：

為了建立無障礙網站以方便殘疾人士使用，全球資訊網聯盟（World Wide Web Consortium, W3C）成立了 W3C Web Accessibility Initiative（WAI），讓世界各地的資訊科技界、殘疾人士機構、政府及研究機構的人員同心協力，共同制定《無障礙網頁內容指引》 （Web Content Accessibility Guidelines, WCAG）和開發資源，以推動網站採用無障礙設計，利便殘疾人士使用。

該指引闡釋了網站可如何採用無障礙設計，以便殘疾人士使用。指引的現行版本為《無障礙網頁內容指引》 2.0 版。

雖然該指引看似十分複雜，但其實思路和內容都十分清晣，任何網站開發人員只須稍事閱讀，便能理解如何採用和遵守這些指引。總括而言，該指引由四個部分組成：

61 項成功準則的重要性各不相同，如下所示：

成功準則

WCAG 2.0 成功準則 – A 級

1.1.1 － 非文字內容

1.2.1 － 純聲音和純視像檔案（預先錄製）

1.2.2 － 字幕（預先錄製）

1.2.3 － 聲音檔案內容描述或其他媒體選擇（預先錄製）

1.3.1 － 網頁結構

1.3.2 － 有意義的序列

1.3.3 － 感官的指示

1.4.1 － 顏色的使用

1.4.2 － 聲音控制

2.1.1 － 鍵盤

2.1.2 － 不能使用鍵盤的阻礙

2.2.1 － 可調校的使用時限

2.2.2 － 暫停、停止、隱藏

2.3.1 － 把閃動次數限為不多於每秒三次

2.4.1 － 跳過障礙

2.4.2 － 網頁標題

2.4.3 － 焦點次序

2.4.4 － 連結的目的 （內文）

3.1.1 － 網頁語言

3.2.1 － 焦點

3.2.2 － 輸入

3.3.1 － 錯誤識別

3.3.2 － 標記或指示

4.1.1 － 語法分析

4.1.2 － 名稱、角色、數值

WCAG 2.0 成功準則 – AA 級

1.2.4 － 字幕（直播）

1.2.5 － 聲音檔案內容描述（預先錄製）

1.4.3 － 對比度（最低）

1.4.4 － 調整文字大小

1.4.5 － 文字圖像

2.4.5 － 多種途徑

2.4.6 － 標題和標籤

2.4.7 － 清晰可見的焦點

3.1.2 － 各部分的語言

3.2.3 － 一致的導覽列

3.2.4 － 一致識別

3.3.3 － 錯誤提示

3.3.4 － 錯誤預防（針對法律、財務、數據資料）

檢測方法

編碼掃描

使用軟體工具可自動偵測到許多有礙瀏覽網頁的問題。在開發網頁及審視無障礙程度時，應使用這些工具以檢測網頁的編碼。

當完成編碼掃描並修正所有問題後，使用下列其他方法來檢查那些無法自動檢測的項目

目視檢查

• 關閉層疊樣式表（CSS）。由於這是讀屏軟體不會讀取層疊樣式表，這樣可顯示網頁內容的編排和結構是否合理。
  
• 嘗試使用內置的瀏覽器文字放大功能。網頁文字能否放大？
  
• 嘗試只用鍵盤在網頁上四處移動。能夠移至並使用所有連結和功能嗎？
  

用讀屏軟體進行手動檢測

要體驗視障人士如何使用網站，簡單的方法是直接關閉顯示器，嘗試透過讀屏軟體使用網站。

• 透過讀屏軟體瀏覽網站，以確定能得到多少資訊。
  
• 嘗試解讀標題、導覽列、圖像，也要檢測較複雜的功能，例如輸入表格和圖表。
  

使用其他檢測工具

除了讀屏軟體外，殘疾人士還會使用各種其他工具與網頁進行互動，其中兩種廣為使用的工具是：

螢幕放大工具 – 這些常用工具協助使用者放大螢幕某個部分及調整對比度。

• 使用這些工具檢測網頁並修正所發現的問題。
  

語音控制工具 – 對於一些嚴重喪失活動機能的人士而言，語音指令是他們與網頁進行互動的唯一途徑。他們透過說出指令，如「下一條連結」、 「開始」等，便可操控網頁。

• 使用這些工具可以檢測到其他方法難以找出的問題。
  

使用者測試

檢測網頁無障礙程度的最徹底方法，是透過各類殘疾人士檢測網頁，了解那部分是他們難以瀏覽的。鑒於這種檢測方法需要較多時間和資源進行，因此宜先採用上述 4 種檢測方法，儘量修正所有問題，然後才在最後階段透過使用者檢測，找出其他問題。