香港失明人協進會

香 港 失 明 人 協 進 會 212 網 站 無 障 礙 程 度 測 試 報 告 1. 前 言 香 港 失 明 人 協 進 會 一 向 致 力 消 除 數 碼 隔 閡, 向 公 眾 推 廣 無 障 礙 數 碼 科 技 是 我 們 其 中 一 項 主 要 的 工 作 本 會 於 21 年 推 行 推 動 網 上 無 障 礙 及 視 障 使 用 者 能 力 提 昇 運 動, 目 的 為 推 廣 無 障 礙 網 頁 設 計 的 概 念 及 知 識 計 劃 的 其 中 一 項 工 作 是 為 3 個 大 眾 常 用 的 網 站 進 行 無 障 礙 程 度 測 試, 有 關 測 試 於 211 年 首 次 進 行, 並 於 211 年 9 月 25 日 舉 行 發 布 會 向 公 眾 發 布 測 試 結 果 隨 著 科 技 的 發 展, 視 障 人 士 現 已 可 利 用 不 同 的 輔 助 器 材, 如 讀 屏 軟 件 點 字 顯 示 器 等, 瀏 覽 互 聯 網 上 的 資 訊 及 使 用 網 上 的 服 務 透 過 讀 屏 軟 件, 電 腦 可 將 網 頁 的 內 容 轉 為 聲 音 或 以 點 字 顯 示 器 顯 不 出 來 但 根 據 去 年 的 網 站 無 障 礙 程 度 測 試 顯 示, 很 多 被 測 試 的 網 站 因 為 設 計 不 妥 善, 令 視 障 人 士 即 使 用 輔 助 器 材, 仍 未 能 如 建 視 人 士 一 樣 獲 取 網 上 資 訊 及 服 務, 如 網 上 銀 行 網 上 繳 費 及 購 物 等 去 年 的 發 佈 會 後, 多 個 被 測 試 網 站 的 負 責 人 主 動 聯 絡 本 會, 查 詢 有 關 製 作 無 障 礙 網 站 的 事 宜 經 過 一 年 的 努 力, 本 會 與 香 港 大 學 社 會 工 作 及 行 政 學 系 合 作, 分 別 於 今 年 3 月 及 9 月 再 為 同 樣 的 3 個 網 站 進 行 測 試, 發 現 有 關 網 站 的 無 障 礙 程 度 情 況 令 人 鼓 舞 兩 年 不 同 的 測 試 結 果 有 頗 大 的 改 善, 反 映 要 提 昇 網 站 的 無 障 礙 程 度 並 非 困 難 很 多 時 候, 只 是 網 站 負 責 人 及 製 作 者 未 了 解 無 障 礙 網 站 的 要 求 而 無 意 間 製 造 了 障 礙, 造 成 視 障 人 士 瀏 覽 網 站 時 的 不 便 協 進 會 相 信 很 多 網 站 的 負 責 人 都 同 意 建 立 無 障 礙 網 上 世 界 這 個 理 念 就 如 互 聯 網 的 發 明 者 Tim Berners-Lee 於 1994 年 所 成 立 的 組 織 萬 維 網 聯 盟 World Wide Web Consortium (W3C) 的 宗 旨 是 致 力 提 倡 互 聯 網 的 可 及 性, 建 立 無 障 礙 的 網 上 世 界 The social value of the Web is that it enables human communication, commerce, and opportunities to share knowledge. One of W3C's primary goals is to make these benefits available to all people, whatever their hardware, software, network infrastructure, native language, culture, geographical location, or physical or mental ability. - http://www.w3.org/consortium/mission.html 1

2. 網 站 無 障 礙 程 度 測 試 此 次 無 障 礙 網 站 測 試 乃 參 考 萬 維 網 聯 盟 (W3C) 的 無 障 礙 網 頁 內 容 指 引 2. (WCAG 2.) 所 列 出 的 要 求 W3C 的 成 立 就 是 希 望 推 廣 網 上 無 障 礙, 並 為 此 訂 立 一 套 國 際 標 準 最 新 版 本 是 無 障 礙 網 頁 內 容 指 引 2. (WCAG 2.), 供 全 世 界 的 網 頁 製 作 者 參 考 (http://www.w3.org/tr/wcag2/) 整 個 測 試 分 兩 個 步 驟 進 行 : 步 驟 一 : 利 用 網 頁 測 試 工 具 WAVE 進 行 自 動 測 試 步 驟 二 : 由 多 位 全 失 明 人 士 和 弱 視 人 士 利 用 人 手 作 出 測 試 測 試 詳 情 網 站 選 取 : 諮 詢 本 會 視 障 會 員, 搜 集 他 們 的 意 見, 選 出 他 們 希 望 使 用 之 3 個 網 站, 當 中 涵 蓋 銀 行 電 訊 交 通 飲 食 等 服 務 行 業 第 二 次 測 試 對 象 是 同 樣 的 3 個 網 站 測 試 進 行 日 期 : 第 一 次 測 試 - 211 年 5 月 至 6 月 及 211 年 8 月 至 9 月 第 二 次 測 試 - 212 年 3 月 及 212 年 9 月 網 頁 瀏 覽 器 的 名 稱 和 版 本 : Internet Explorer 8 讀 屏 軟 件 的 名 稱 和 版 本 : JAWS 1 和 NVDA( 香 港 版 ) 測 試 標 準 : WCAG 2. 測 試 問 題 : 以 15 個 考 慮 因 素 測 試 網 站 的 無 障 礙 程 度 詳 情 可 參 考 附 件 二 無 障 礙 網 站 測 試 問 題 解 說 測 試 人 員 : 由 多 位 善 於 互 聯 網 應 用 的 視 障 會 員 協 助 進 行 測 試, 他 們 瀏 覽 3 個 被 選 出 的 網 站, 以 WCAG 2. 中 的 15 個 考 慮 因 素 給 予 有 關 網 站 評 分 2

3. 三 十 個 被 抽 選 網 站 無 障 礙 程 度 的 測 試 結 果 15 個 用 以 測 試 網 站 無 障 礙 程 度 的 考 慮 要 素, 是 參 考 萬 維 網 聯 盟 (W3C) 的 無 障 礙 網 頁 內 容 指 引 2. (WCAG 2.) 所 列 出 的 要 求 而 定 出, 都 是 一 些 無 障 礙 網 站 必 須 符 合 的 條 件 3.1 網 站 整 體 的 無 障 礙 程 度 情 況 表 3.1: 網 站 符 合 無 障 礙 考 慮 要 素 的 情 況 ( 包 括 不 適 用 項 目 ) 211 年 測 試 結 果 212 年 測 試 結 果 網 站 數 目 所 佔 百 分 率 網 站 數 目 所 佔 百 分 率 符 合 1-3 項 考 慮 要 素 % % 符 合 4-6 項 考 慮 要 素 2 6.7% % 符 合 7-9 項 考 慮 要 素 9 3% 1 3.3% 符 合 1-12 項 考 慮 要 素 1 33.3% 4 13.3% 符 合 13-15 項 考 慮 要 素 9 3% 25 83.3% 3 個 被 測 試 的 網 站 中, 能 符 合 13 項 或 以 上 考 慮 要 素 的 網 站 數 目 有 大 幅 度 的 增 長, 由 211 年 的 9 個 網 站 (3%) 增 加 至 212 年 的 25 個 網 站 (83.3%), 佔 總 數 的 8 成 以 上 而 在 212 年 的 測 試 結 果 中, 只 有 一 個 網 站 (3.3%) 是 未 能 符 合 1 項 或 以 上 的 考 慮 要 素 總 括 來 說, 網 站 無 障 礙 程 度 的 表 現 整 體 較 211 年 的 結 果 理 想 得 多 表 3.1.1: 網 站 符 合 13-15 項 無 障 礙 考 慮 要 素 詳 細 情 況 ( 包 括 不 適 用 項 目 ) 211 年 測 試 結 果 212 年 測 試 結 果 網 站 數 目 所 佔 百 分 率 網 站 數 目 所 佔 百 分 率 符 合 13 項 考 慮 要 素 4 13.3%% 4 13.3% 符 合 14 項 考 慮 要 素 4 13.3% 12 4% 符 合 15 項 考 慮 要 素 1 3.3% 9 3% 根 據 212 年 的 測 試 結 果,3 個 網 站 當 中 有 接 近 三 分 一 的 網 站 是 完 全 符 合 是 次 測 試 的 無 障 礙 設 計 要 求 另 有 不 少 網 站 雖 未 能 符 合 全 部 15 項 考 慮 要 素, 但 大 致 上 視 障 朋 友 是 可 以 使 用 網 站 內 的 所 有 主 要 功 能, 只 欠 一 些 不 太 重 要 的 部 份 未 有 妥 善 處 理 這 25 個 網 站 (83.3%) 對 視 障 朋 友 來 說 基 本 應 用 上 是 沒 有 太 大 的 問 題, 但 仍 存 在 改 善 的 空 間 3

9 個 於 212 年 測 試 完 中 全 符 合 是 次 測 試 的 無 障 礙 設 計 要 求 的 網 站 包 括 : 匯 豐 銀 行 繳 費 靈 東 方 日 報 明 報 南 華 早 報 香 港 電 燈 香 港 國 際 機 場 城 巴 / 新 巴 及 醫 院 管 理 局 備 註 : 有 數 項 考 慮 要 素 是 因 為 網 站 並 沒 有 相 關 功 能, 故 設 為 不 適 用 而 在 計 算 被 測 試 網 站 符 合 多 少 項 考 慮 要 素 時, 我 們 已 包 括 當 中 設 為 不 適 用 的 項 目 3.2 網 站 符 合 個 別 考 慮 要 素 的 改 善 情 況 比 較 兩 年 的 測 試 結 果, 發 現 不 少 網 站 在 個 別 考 慮 要 素 中 都 有 改 善 如 考 慮 要 素 (11) 中, 網 頁 有 否 採 用 一 些 特 別 的 編 寫 網 頁 技 術 如 on mouse over 或 一 些 flash 動 畫 等 致 使 讀 屏 軟 件 未 能 正 常 閱 讀, 於 211 年 只 有 1 個 網 站 符 合 其 要 求, 但 到 212 年 已 提 昇 至 21 個 網 站 顯 示 很 多 網 站 已 懂 得 運 用 一 些 編 寫 網 頁 技 術 如 on mouse over 或 flash 動 畫 同 時, 提 供 另 一 些 途 徑 予 視 障 人 士 於 網 站 獲 取 同 樣 的 資 訊 另 於 考 慮 要 素 (7) 中 提 及 網 站 是 否 設 有 跳 過 導 航 的 連 結, 又 或 採 用 了 有 系 統 邏 輯 的 標 題 結 構 符 合 其 要 求 的 網 站 的 數 目 由 211 年 的 9 個 提 昇 至 212 年 的 2 個 主 要 改 善 了 的 地 方 是 網 頁 標 題 上 加 上 適 當 的 標 籤 (Mark Up), 令 其 層 次 分 明, 使 視 障 朋 友 使 用 時 可 更 容 易 掌 握 該 網 站 的 結 構, 方 便 他 們 尋 找 到 所 需 資 訊 在 15 項 考 慮 要 素 中, 最 後 3 項 是 有 關 視 覺 設 計 的, 用 來 測 試 網 站 是 否 適 合 弱 視 朋 友 瀏 覽 兩 年 的 結 果 都 顯 示 全 部 網 站 都 符 合 有 關 條 件 的 基 本 要 求, 但 其 實 當 中 有 些 網 站 只 是 勉 強 符 合 其 要 求, 即 弱 視 朋 友 雖 可 勉 強 瀏 覽 到 網 頁 的 內 容, 但 會 看 得 相 當 吃 力, 所 以 仍 需 改 善 在 多 項 考 慮 要 素 中, 其 中 一 項 有 關 網 站 內 設 有 時 間 限 制 內 容 的 設 定, 測 試 發 現 所 有 網 站 均 沒 有 設 有 時 間 限 制 內 容, 故 全 為 不 適 用 此 外, 亦 有 數 項 考 慮 要 素 是 因 為 網 站 並 沒 有 相 關 功 能, 故 設 為 不 適 用 而 在 計 算 被 測 試 網 站 符 合 多 少 項 考 慮 要 素 時, 我 們 已 包 括 當 中 設 為 不 適 用 項 目 4

表 3.2: 網 站 乎 合 個 別 考 慮 要 素 的 改 善 情 況 211 年 測 試 結 果 212 年 測 試 結 果 考 慮 要 素 符 合 要 求 不 適 用 符 合 要 求 不 適 用 1. 網 站 是 否 具 備 圖 像 圖 片 或 表 單 的 圖 像 按 鈕, 它 們 是 否 載 有 適 當 的 文 字 描 述 或 替 代 文 字 24 (%) (%) 27 (9%) (%) (ALT text) 2. 網 站 是 否 設 有 表 單? 表 單 是 否 具 備 簡 單 而 清 楚 的 文 字 標 記? 標 記 所 擺 放 的 位 置 又 是 否 適 當? 27 (%) (%) 29 (96.7%) (%) 那 些 是 必 填 項 目 或 最 多 填 寫 字 數 等 提 示 又 是 否 足 夠? 3. 網 站 是 否 設 有 標 題 列 表 引 述 區 和 表 格 等 項 目? 而 這 些 項 目 是 否 用 得 其 所? 22 (%) (%) 29 (96.7%) (%) 4. 網 站 導 航 是 否 合 符 順 序 邏 輯, 而 且 都 有 一 致 性? 19 (%) (%) 29 (96.7%) (%) 5. 不 用 滑 鼠 僅 用 鍵 盤 來 瀏 覽 網 站 有 否 發 現 問 題? 12 (4%) (%) 29 (96.7%) (%) 6. 網 站 內 是 否 設 有 一 些 有 時 間 限 制 的 內 容? 而 這 些 內 容 是 否 給 予 瀏 覽 者 充 足 時 間 來 閱 讀, 是 否 (%) 3 (1%) (%) 3 (1%) 可 延 長 甚 或 關 閉? 7. 網 站 是 否 設 有 跳 過 導 航 的 連 結? 又 或 採 用 了 有 系 統 邏 輯 的 標 題 結 構? 9 (3%) (%) 2 (66.7%) (%) 8. 網 站 有 否 設 置 彈 出 式 視 窗? 視 窗 彈 出 後 有 否 按 鈕 或 連 結 用 來 把 彈 出 的 視 窗 關 閉? 6 (2%) 6 (2%) 1 (3.3%) 26 (86.7%) 9. 網 站 是 否 載 有 表 格? 表 頭 是 否 有 清 楚 的 文 字 描 述? 2 (66.7%) 1 (3.3%) 25 (83.3%) 5 (16.7%) 1. 網 站 有 否 出 現 網 頁 應 用 程 式 或 動 態 內 容, 程 式 有 否 採 用 ARIA 的 編 寫 技 術 標 準? (%) 23 (76.7%) (%) 21 (7%) 11. 網 頁 有 否 採 用 一 些 特 別 的 編 寫 網 頁 技 術 如 on mouse over 或 一 些 flash 動 畫 等 致 使 讀 屏 軟 件 1 (3.3.%) 4 (13.3%) 21 (7%) (%) 未 能 正 常 閱 讀? 12. 網 頁 是 否 有 一 些 如 PDF 的 文 件 可 供 下 載 閱 讀? 而 讀 屏 軟 件 又 是 否 能 夠 朗 讀 這 些 文 件? 4 (13.3%) 24 (8%) 6 (2%) 24 (8%) 13. 網 頁 的 顏 色 對 比 度 是 否 適 當? 3 (1%) (%) 3 (1%) (%) 14. 網 站 字 體 大 小 是 否 適 中? 是 否 可 讓 用 者 隨 意 調 校? 3 (1%) (%) 3 (1%) (%) 15. 在 字 體 可 讀 性 方 面 是 否 發 現 問 題? 例 如 是 否 採 用 較 多 特 別 效 果 的 文 字 致 使 弱 視 朋 友 閱 讀 起 來 有 困 難? 3 (1%) (%) 3 (1%) (%) 5

3.3 個 別 網 站 的 無 障 礙 程 度 測 試 結 果 表 3.3: 個 別 網 站 的 無 障 礙 程 度 測 試 結 果 網 站 符 合 的 考 慮 要 素 不 適 用 總 數 ( 符 合 考 慮 要 素 + 不 適 用 ) 211 212 211 212 211 212 1. 匯 豐 銀 行 HSBC 11 12 3 3 14 15 2. 中 國 銀 行 The Bank of China 9 1 3 4 12 14 3. 渣 打 銀 行 Standard Chartered 7 12 2 2 9 14 4. 繳 費 靈 PPS 12 11 3 4 15 15 5. 蘋 果 日 報 Apple Daily 6 11 3 2 9 13 6. 東 方 日 報 Oriental Daily 8 12 4 3 12 15 7. 明 報 Ming Pao 7 11 4 4 11 15 8. 南 華 早 報 SCMP 1 11 4 4 14 15 9. 麥 當 奴 McDonalds 3 3 2 4 5 7 1. 必 勝 客 Pizza Hut 5 7 3 4 8 11 11. 百 佳 超 級 市 場 Park N Shop 6 1 3 3 9 13 12. 惠 康 超 級 市 場 Wellcome 7 9 5 3 12 12 13. 港 鐵 公 司 MTR 9 1 3 4 12 14 14. 無 線 電 視 TVB 5 11 2 3 7 14 15. 香 港 電 台 RTHK 11 11 3 3 14 14 16. 商 業 電 台 CRHK 5 9 2 4 7 13 17. 中 華 電 力 CLP 1 12 3 2 13 14 18. 香 港 電 燈 HK Electric 1 11 4 4 14 15 19. 香 港 國 際 機 場 HK International Airport 1 12 3 3 13 15 2. 九 龍 巴 士 KMB 8 11 3 3 11 14 21. 城 巴 / 新 巴 Citybus / First Bus 8 11 4 4 12 15 22. 香 港 中 華 煤 氣 Towngas 6 11 3 3 9 14 23. 醫 院 管 理 局 Hospital Authority 11 12 2 3 13 15 24. 香 港 賽 馬 會 HK Jockey Club 7 11 2 3 9 14 25. 香 港 城 市 電 腦 售 票 網 URBTIX 1 9 3 3 13 12 26. 香 港 教 育 城 HK Ed City 1 1 2 4 12 14 27. 大 學 聯 合 招 生 辦 法 JUPAS 8 11 2 3 1 14 28. 電 訊 盈 科 PCCW 7 1 3 4 1 14 29. 有 線 寬 頻 i-cable 5 9 3 4 8 13 3. 3 香 港 3HK 3 7 2 4 5 11 6

3 個 再 次 被 測 試 的 網 站 中, 大 部 分 的 無 障 礙 程 度 皆 有 明 顯 改 善 一 些 改 善 程 度 較 顯 著 的 網 站 包 括 渣 打 銀 行 無 線 電 視 商 業 電 台 香 港 中 華 煤 氣 香 港 賽 馬 會 及 有 線 寬 頻 等 而 於 211 年 的 測 試, 其 中 有 兩 個 網 站, 麥 當 奴 及 3 香 港, 視 障 朋 友 進 入 後 可 說 是 空 白 一 片, 完 全 不 能 瀏 覽 到 任 何 資 訊 而 這 兩 個 網 站 在 今 次 的 測 試 中, 已 有 明 顯 的 改 善 當 中 3 香 港 網 站, 亦 由 只 符 合 5 個 考 慮 要 素 提 昇 至 符 合 11 個 考 慮 要 素, 無 障 礙 程 度 已 大 大 改 善 麥 當 奴 的 網 站 雖 於 212 年 的 測 試 中 仍 只 能 符 合 7 個 考 慮 要 素, 但 已 於 212 年 中 新 增 的 純 文 字 版 本 網 站, 讓 視 障 人 士 可 瀏 覽 到 網 站 的 部 份 資 訊 麥 當 奴 亦 已 初 步 制 訂 了 提 升 整 個 網 站 運 作 的 方 案, 預 計 於 213 年 第 2 季 將 可 完 成 改 善 工 程 4. 建 議 4.1 對 政 府 之 建 議 香 港 特 區 政 府 在 過 去 十 年 積 極 推 動 數 碼 共 融, 現 時 各 個 政 策 局 和 部 門 的 網 站 已 符 合 內 部 的 無 障 礙 網 頁 指 引 我 們 期 望 政 府 進 一 步 讓 企 業 及 市 民 大 眾 了 解 無 障 礙 網 頁 的 重 要 性, 並 督 促 受 資 助 的 非 政 府 機 構 採 用 無 障 礙 網 頁 指 引, 令 殘 疾 人 士 可 以 有 均 等 的 機 會 獲 取 網 上 資 訊 及 服 務 此 外, 政 府 亦 可 透 過 資 助 一 些 民 間 團 體 定 期 進 行 測 試, 監 察 各 行 各 業 網 站 的 無 障 礙 程 度, 推 動 建 立 無 障 礙 的 網 絡 環 境 4.2 對 私 人 公 司 及 公 共 機 構 之 建 議 雖 然 企 業 和 社 會 大 眾 漸 漸 認 識 到 無 障 礙 網 頁 的 好 處, 但 仍 有 不 少 網 站 是 殘 疾 人 士 未 能 全 面 應 用 的 對 於 現 時 本 港 超 過 12 萬 的 視 障 人 士 9 萬 多 的 聽 障 人 士, 以 及 其 他 類 別 的 殘 疾 人 士 來 說, 要 在 本 地 網 站 找 到 合 適 的 產 品 及 服 務 並 不 容 易 如 果 企 業 可 以 讓 其 下 的 網 站 符 合 無 障 礙 網 頁 的 標 準, 將 有 可 能 為 企 業 帶 來 新 的 商 機 和 利 潤 我 們 建 議 私 人 公 司 及 公 共 機 構 在 製 作 或 修 改 網 站 時, 考 慮 視 障 人 士 及 其 他 殘 疾 人 士 的 需 要, 仿 傚 政 府 跟 供 應 商 在 合 約 上 訂 明 須 符 合 無 障 礙 指 引 的 條 款 7

4.3 對 網 站 製 作 者 之 建 議 透 過 今 次 的 測 試, 本 會 希 望 可 以 令 到 負 責 製 作 網 頁 的 人 士 留 意 到 視 障 朋 友 的 需 要 其 實 只 要 稍 作 改 動, 網 站 就 可 以 讓 視 障 朋 友 輕 鬆 方 便 地 瀏 覽 如 掌 握 設 計 無 障 礙 網 頁 的 竅 門, 要 製 作 一 個 人 人 可 用 的 網 站 絕 非 難 事 本 計 劃 特 別 設 計 一 個 專 題 網 站, 提 供 相 關 的 資 料 供 業 界 人 士 參 考, 網 址 為 http://wafa.hkbu.org.hk 4.4 對 培 訓 資 訊 科 技 專 才 教 育 機 構 之 建 議 要 所 有 網 頁 製 作 者 了 解 無 障 礙 網 頁 的 重 要 性, 最 有 效 的 方 法 莫 過 於 加 強 這 方 面 的 教 育 我 們 希 望 各 間 提 供 培 訓 予 資 訊 科 技 專 才 的 教 育 機 構, 能 將 無 障 礙 網 頁 設 計 納 入 教 學 範 圍 之 內 4.5 對 未 來 應 用 程 式 及 系 統 發 展 的 關 注 協 進 會 對 視 障 人 士 應 用 流 動 應 用 程 式 (APPS) 的 情 況 表 示 關 注 現 時 APPS 的 發 展 有 如 雨 後 春 筍, 當 中 有 不 少 APPS 的 功 能 本 可 提 昇 視 障 人 士 的 獨 立 生 活 能 力, 但 由 於 設 計 很 多 時 都 有 障 礙, 視 障 人 士 往 往 無 法 享 受 到 程 式 帶 來 的 方 便 大 會 安 排 了 視 障 人 士 即 場 示 範 如 何 瀏 覽 網 站 及 使 用 APPS, 並 分 享 他 們 使 用 時 遇 到 的 困 難 本 會 發 現 外 國 整 體 的 網 站 和 APPS 的 無 障 礙 程 度 遠 較 香 港 理 想 現 時 由 本 地 開 發 的 資 訊 科 技 應 用 程 式 往 往 不 考 慮 視 障 人 士 的 特 殊 需 要, 有 違 了 殘 疾 歧 視 條 例 的 精 神 協 進 會 呼 籲 資 訊 科 技 業 界 的 專 業 人 士, 日 後 在 開 發 應 用 程 式 及 系 統 時, 應 多 了 解 殘 疾 使 用 者 的 困 難 5. 總 結 視 障 人 士 利 用 輔 助 器 材 原 本 可 以 無 障 礙 地 使 用 電 腦 瀏 覽 互 聯 網, 但 由 於 很 多 網 站 的 設 計 不 妥 善, 令 視 障 人 士 未 能 享 用 到 資 訊 科 技 所 帶 來 的 便 利 從 互 聯 網 的 應 用 量 來 說, 香 港 無 疑 是 其 中 一 個 資 訊 科 技 發 展 迅 速 的 城 市 根 據 香 港 統 計 署 於 211 年 出 版 的 主 題 性 住 戶 統 計 調 查 第 四 十 八 號 報 告 書 的 資 料 顯 示, 全 港 家 中 有 個 人 電 腦 並 接 駁 上 互 聯 網 的 住 戶 佔 全 港 所 有 住 戶 的 76.4%, 反 映 出 本 港 市 民 使 用 互 聯 網 的 普 遍 性 8

但 現 時 香 港 的 網 站 中, 可 達 至 無 障 礙 程 度 的 網 站 比 率, 仍 遠 比 歐 美 國 家 的 情 況 為 差 很 多 網 站 負 責 人, 錯 誤 地 認 為 製 作 無 障 礙 網 站 需 要 投 放 大 量 的 人 力 物 力 和 額 外 資 源 是 次 測 試 便 正 正 可 以 証 明, 只 要 明 確 指 示 出 網 站 的 障 礙 所 在, 以 及 有 足 夠 的 資 訊 和 技 術 支 援 給 網 站 負 責 人, 要 提 昇 網 站 無 障 礙 程 度 並 非 困 難 其 實 一 些 簡 單 的 修 訂, 也 可 大 大 減 少 殘 疾 人 士 使 用 網 站 遇 到 的 障 礙 本 會 十 分 高 興 見 到 3 個 被 測 試 的 網 站 在 一 年 間 有 大 大 的 改 善, 雖 然 距 離 國 際 認 可 的 無 障 礙 網 頁 標 準 仍 有 一 段 距 離, 但 相 信 已 是 一 個 好 的 開 始 我 們 期 望 透 過 今 次 的 計 劃, 將 視 障 人 士 要 求 公 平 地 獲 取 網 上 資 訊 的 訊 息 傳 遞 開 去, 讓 香 港 的 互 聯 網 應 用 情 況, 包 括 弱 勢 社 群 的 參 與, 能 與 其 他 先 進 的 城 市 看 齊 212 年 1 月 9

1. HSBC 匯 豐 銀 行 http://www.hsbc.com.hk/1/2/home 無 障 礙 網 站 測 試 網 站 名 單 及 測 試 網 址 16. CRHK 商 業 電 台 http://www.88193.com/page/zh-tw/index.aspx 附 件 一 2. The Bank of China 中 國 銀 行 http://www.bochk.com/web/home/home.xml?lang=tw 3. Standard Chartered 渣 打 銀 行 http://www.standardchartered.com.hk/zh/ 4. PPS 繳 費 靈 http://www.ppshk.com/index_c.html 5. Apple Daily 蘋 果 日 報 http://hk.nextmedia.com/ 6. Oriental Daily 東 方 日 報 http://orientaldaily.on.cc/ 7. Ming Pao 明 報 http://www.mingpao.com/ 8. SCMP 南 華 早 報 http://www.scmp.com/ 9. McDonalds 麥 當 奴 http://www.mcdonalds.com.hk/chinese/ 1. Pizza Hut 必 勝 客 http://www.pizzahut.com.hk/tc/home.html 11. Park N Shop 百 佳 超 級 市 場 http://www1.parknshop.com/webshop/home.do 12. Wellcome 惠 康 超 級 市 場 http://www.wellcome.com.hk/zh_tw/ 13. MTR 港 鐵 公 司 http://www.mtr.com.hk/ 14. TVB 無 線 電 視 http://www.tvb.com/ 15. RTHK 香 港 電 台 http://www.rthk.org.hk/ 17. CLP 中 華 電 力 https://www.clpgroup.com/pages/home.aspx 18. HK Electric 香 港 電 燈 http://www.heh.com/hehweb/index_zh.htm 19. HK International Airport 香 港 國 際 機 場 http://www.hongkongairport.com/chi/index.html 2. KMB 九 龍 巴 士 http://www.kmb.hk/tc/ 21. Citybus / First Bus 城 巴 / 新 巴 http://www.nwstbus.com.hk/home/default.aspx?intlangid=2 22. Towngas 香 港 中 華 煤 氣 http://www.towngas.com/chi/cust/index.aspx 23. Hospital Authority 醫 院 管 理 局 http://www.ha.org.hk/visitor/ha_index.asp?lang=chib5 24. Hong Kong Jockey Club 香 港 賽 馬 會 http://www.hkjc.com 25. URBTIX 香 港 城 市 電 腦 售 票 網 http://urbtix.cityline.com.hk/internet/action/index.do 26. Hong Kong Ed City 香 港 教 育 城 http://www.edcity.asia/ 27. JUPAS 大 學 聯 合 招 生 辦 法 http://www.jupas.edu.hk 28. PCCW 電 訊 盈 科 http://www.pccw.com/ 29. i-cable 有 線 寬 頻 http://www.i-cable.com/ 3. 3HK 3 香 港 http://www.three.com.hk 1

附 件 二 無 障 礙 網 站 測 試 問 題 解 說 下 面 的 解 說 只 是 編 寫 無 障 礙 網 頁 的 一 些 簡 單 說 明, 要 更 深 入 了 解 無 障 礙 網 頁 的 定 義 和 標 準, 可 參 考 香 港 失 明 人 協 進 會 的 網 上 無 障 礙 網 站 http://wafa.hkbu.org.hk, 或 WebAIM s WCAG 2. Checklist 網 站 http://webaim.org/standards/wcag/checklist 測 試 標 準 : WCAG 2. 15 個 考 慮 要 素 的 詳 細 解 說 1. 網 站 是 否 具 備 圖 像 圖 片 或 表 單 的 圖 像 按 鈕, 它 們 是 否 載 有 適 當 的 文 字 描 述 或 替 代 文 字 (ALT Text) 為 了 能 夠 清 楚 表 示 出 網 站 的 內 容, 讓 利 用 輔 助 工 具 操 作 電 腦 的 朋 友 長 者 和 不 同 類 別 的 殘 障 者 都 可 易 於 瀏 覽 網 站, 網 頁 上 的 圖 片 圖 像 圖 表 動 畫 和 影 像 等 視 覺 內 容 都 必 須 加 上 文 字 標 記 或 替 代 文 字, 而 標 記 的 文 字 必 須 清 楚 簡 潔, 只 有 無 關 重 要 的 圖 片 才 無 須 加 上 文 字 標 記 2. 網 站 是 否 設 有 表 單? 表 單 是 否 具 備 簡 單 而 清 楚 的 文 字 標 記? 標 記 所 擺 放 的 位 置 又 是 否 適 當? 那 些 是 必 填 項 目 或 最 多 填 寫 字 數 等 提 示 又 是 否 足 夠? 假 如 網 頁 設 有 需 要 填 寫 的 表 單, 表 單 需 要 設 有 簡 單 而 清 楚 的 文 字 描 述 例 如 那 些 是 必 填 項 目 和 最 多 填 寫 的 字 數 等 提 示, 都 須 清 楚 列 出, 並 且 採 用 標 準 的 技 術 來 編 寫 表 單, 讓 任 何 人 士 能 夠 容 易 填 寫 3. 網 站 是 否 設 有 標 題 列 表 引 述 區 和 表 格 等 項 目? 而 這 些 項 目 是 否 用 得 其 所? 假 如 網 站 設 有 標 題 (headings) 列 表 (list) 引 述 區 (block quote) 或 表 格 (table) 等 項 目, 這 些 項 目 都 要 運 用 適 當, 不 應 僅 考 慮 網 站 的 外 觀 而 忽 略 各 項 目 原 本 的 用 途, 例 如 應 該 使 用 列 表 的 時 候 就 不 應 採 用 表 格 一 些 網 站 使 用 了 較 多 的 表 格 來 作 排 版, 讓 使 用 讀 屏 軟 件 的 朋 友 瀏 覽 起 來 很 不 方 便 4. 網 站 導 航 是 否 合 乎 順 序 邏 輯, 而 且 都 有 一 致 性? 網 站 主 頁 和 分 頁 的 布 局 都 應 該 有 順 序 邏 輯 簡 單 清 楚 和 有 一 致 性, 例 如 較 11

常 用 的 布 局, 首 先 是 網 頁 主 選 單, 然 後 是 網 頁 內 容, 最 後 是 頁 尾 選 單, 這 就 是 一 個 典 型 的 好 例 子 另 須 注 意 的 問 題 是 項 目 在 畫 面 上 所 呈 現 的 排 列 次 序, 和 讀 屏 軟 件 所 報 讀 的 次 序 可 能 有 所 不 同 項 目 正 確 的 排 序, 應 該 和 網 頁 源 碼 所 表 示 的 排 序 相 同 一 般 來 說, 可 連 續 慢 慢 按 下 鍵 盤 上 的 tab 鍵 移 動 系 統 焦 點, 在 整 個 網 頁 遊 走 一 次, 看 看 項 目 排 序 是 否 正 確 5. 不 用 滑 鼠 僅 用 鍵 盤 來 瀏 覽 網 站 有 否 發 現 問 題? 一 些 人 基 於 種 種 不 同 的 原 因 不 能 利 用 滑 鼠 操 作 電 腦, 對 於 他 們 來 說, 利 用 鍵 盤 操 作 可 能 是 一 個 較 為 可 靠 的 方 式, 所 以 網 頁 應 該 容 許 到 訪 者 僅 利 用 鍵 盤 也 可 毫 無 障 礙 地 瀏 覽 6. 網 站 內 是 否 設 有 一 些 有 時 間 限 制 的 內 容? 而 這 些 內 容 是 否 給 予 網 頁 瀏 覽 者 有 充 足 的 時 間 來 閱 讀, 時 間 的 限 制 是 否 可 延 長 甚 或 關 閉? 假 如 網 頁 內 出 現 自 動 更 新 或 改 變 的 內 容, 請 確 保 瀏 覽 者 有 充 裕 的 時 間 閱 讀 這 些 內 容 如 果 可 以 有 一 個 容 易 操 作 的 方 法 把 自 動 更 新 的 功 能 關 閉, 那 就 更 為 理 想 7. 網 站 是 否 設 有 跳 過 導 航 的 連 結? 又 或 採 用 了 有 系 統 邏 輯 的 標 題 結 構? 很 多 網 頁 的 頁 首 都 設 有 若 干 導 航 連 結 或 主 選 單, 如 果 可 以 在 這 些 連 結 之 前 加 設 一 個 跳 過 導 航 的 連 結, 瀏 覽 者 就 可 以 點 擊 後 跳 過 導 航 而 直 接 到 達 網 頁 內 容 的 開 頭 位 置, 那 就 更 為 便 於 瀏 覽 有 些 網 站 採 用 了 有 系 統 邏 輯 的 標 題 項 目, 把 各 部 份 也 都 標 示 清 楚, 這 個 做 法 比 起 加 設 跳 過 導 航 的 連 結 更 為 全 面 和 可 取 8. 網 站 有 否 設 置 彈 出 式 視 窗? 視 窗 彈 出 後 有 否 按 鈕 或 連 結 用 來 把 彈 出 的 視 窗 關 閉? 一 些 網 站 都 設 有 彈 出 視 窗 的 連 結, 點 擊 後 會 跳 出 另 一 個 新 視 窗, 新 視 窗 出 現 後 應 該 有 按 鈕 或 連 結 把 視 窗 關 閉 ; 在 這 個 彈 出 視 窗 的 連 結 上, 如 能 加 上 提 示 表 示 新 視 窗 開 啟 的 話 就 更 為 理 想 9. 網 站 是 否 載 有 表 格? 表 頭 是 否 有 清 楚 的 文 字 描 述? 假 如 網 站 設 有 含 實 用 資 料 的 表 格, 表 頭 應 該 有 清 楚 的 文 字 描 述, 好 讓 瀏 覽 者 更 易 於 了 解 表 格 的 布 局 和 內 容 12

1. 網 站 有 否 出 現 網 頁 應 用 程 式 或 動 態 內 容, 程 式 有 否 採 用 ARIA 的 編 寫 技 術 標 準? 有 些 網 頁 設 有 應 用 程 式, 如 果 程 式 能 夠 採 用 ARIA 的 技 術 標 準, 許 多 新 版 的 讀 屏 軟 件 都 能 夠 支 援, 視 障 人 士 使 用 起 來 就 更 為 方 便 11. 網 頁 有 否 採 用 一 些 特 別 的 編 寫 網 頁 技 術 如 on mouse over 或 一 些 flash 動 畫 等 致 使 讀 屏 軟 件 未 能 正 常 閱 讀? 在 一 些 滑 鼠 移 過 效 果 (on mouse over) 的 項 目 來 說, 把 鼠 標 移 到 項 目 之 上 會 出 現 另 一 個 選 單 甚 或 一 些 特 別 的 效 果, 對 於 僅 能 使 用 鍵 盤 的 朋 友 來 說, 他 們 未 必 能 夠 讀 到 這 些 特 別 選 單 和 效 果 此 外, 許 多 網 頁 出 現 的 flash 動 畫 更 是 讀 屏 軟 件 和 其 他 輔 助 工 具 的 難 題, 如 要 提 供 所 有 人 都 易 於 操 作 的 flash 動 畫 或 項 目, 可 參 考 Adobe - Flash Accessibility Design Guidelines : http://www.adobe.com/accessibility/products/flash/best_practices.html 12. 網 頁 是 否 有 一 些 如 PDF 的 文 件 可 供 下 載 閱 讀? 而 讀 屏 軟 件 又 是 否 能 夠 朗 讀 這 些 文 件? 一 般 來 說, PDF 文 件 分 為 可 搜 尋 的 文 字 版 和 不 可 搜 尋 的 圖 像 版 兩 個 版 本, 而 圖 像 版 文 件 裡 面 的 文 字, 其 實 都 是 利 用 圖 像 堆 砌 出 來 的 視 障 人 士 所 採 用 的 讀 屏 軟 件 一 般 都 只 能 報 讀 文 字 版 的 文 件, 至 於 文 件 中 的 圖 片 一 般 都 不 能 報 讀 如 要 建 立 任 何 人 都 易 於 閱 讀 和 操 作 的 PDF 文 件, 可 參 考 以 下 Adobe 的 網 頁, 網 址 為 : http://www.adobe.com/accessibility/products/acrobat/training.html 13. 網 頁 的 顏 色 對 比 度 是 否 適 當? 如 果 網 頁 底 色 和 圖 文 的 顏 色 有 較 大 的 對 比 度, 對 於 一 些 色 弱 的 視 障 人 士 來 說 會 較 容 易 看 見 14. 網 站 字 體 大 小 是 否 適 中? 而 且 是 否 可 讓 用 者 隨 意 調 校? 儘 管 新 版 本 的 網 頁 瀏 覽 器 都 內 建 有 字 體 大 小 調 校 功 能, 可 讓 使 用 者 調 校 網 頁 字 體 的 大 小, 但 無 論 如 何 網 頁 文 字 的 字 體 不 應 太 過 細 小, 有 些 網 站 也 設 有 字 體 大 小 調 校 功 能, 這 都 是 一 個 不 錯 的 做 法 13

15. 在 字 體 可 讀 性 方 面 是 否 發 現 問 題? 例 如 是 否 採 用 較 多 特 別 效 果 的 文 字 ( 包 括 粗 體 字 或 斜 體 字 等 ) 致 使 弱 視 朋 友 閱 讀 起 來 有 困 難? 網 頁 的 字 體 如 果 太 小 或 有 太 多 的 特 效 都 會 讓 視 障 人 士 閱 讀 起 來 有 困 難, 所 以 最 好 多 採 用 標 準 而 又 端 正 的 字 體 14