製作無障礙網路空間
For:數位典藏國家型科技計畫

毛慶禎

輔仁大學圖書資訊學系副教授

2004年12月20日

前 言

資訊權是人權的一部份

無障礙網路

譯：Web content accessibility

不論是否殘缺都擁有存取網路資源的權力

Accessibility

譯：可用性、可存取性、接近使用

無障礙網路空間服務網

Web Content Accessibility Guidelines

1.0：1999年5月

2.0：Working Draft

1

毛慶禎 製作無障礙網路空間 2004.12.20

網站互用性(Interoperability)

萬維網聯盟自四個領域促進

架構

互動

科技與社會

Web Accessibility先導計劃

1

毛慶禎 製作無障礙網路空間 2004.12.20

無法正常使用網路的理由

視覺、聽覺、行動等障礙

閱讀障礙

不能使用鍵盤或滑鼠

螢幕祗能顯示文字、過小、窄頻上網

不能瞭解文件的語文

無法騰出眼、耳或手操作電腦

開車中、吵雜環境

瀏覽器、作業系統

較早版本的、完全不同的、語音專用的

1

1

毛慶禎 製作無障礙網路空間 2004.12.20

無障礙網路的方向

網站和應用程式

可讓殘障者察覺、了解、瀏覽、互動

瀏覽器和媒體撥放程式

可讓殘障者有效使用

藉輔助技術讓殘障者可存取網站

網路編輯工具與發展中的網路技術

可用來開發容易存取的網站內容或網站

可讓殘障者更有效率的使用

1

毛慶禎 製作無障礙網路空間 2004.12.20

殘障人士的需要(1/2)

視覺

圖片與影片要加以描述

表格或框架要完善的標記

要有鍵盤支援且相容於螢幕閱讀器

聽覺

Audio要加標題、圖示說明

1

毛慶禎 製作無障礙網路空間 2004.12.20

殘障人士的需要(2/2)

身體與說話能力

鍵盤或單一切換支援

提供語音輸入替代方案

認知與精神

一致的導覽模式

恰當的語言程度

圖示說明

勿有閃爍、搖曳的版面設計

1

毛慶禎 製作無障礙網路空間 2004.12.20

無障礙網頁的層面

確定Web技術支援可存取性

發展可存取性的指導原則

改善評估與修繕工具

製作教育推廣的內容與教材

與研發整合

1

毛慶禎 製作無障礙網路空間 2004.12.20

指導方針

創造一個具親和力的網站

設計支援具親和力的網站成果的軟體

設計有親和力的瀏覽器或編輯工具

設計支援無障礙的XML應用程式

1

毛慶禎 製作無障礙網路空間 2004.12.20

指導原則

網站內容可存取性指導原則WCAG1.0

如何製作可存取的網站

一般的指導原則﹔

基本檢查要點的三個優先層級

廣泛資源的支援

編輯工具可存取性指導原則ATAG1.0

使用者代理程式可存取性指導原則UAAG1.0

XML可存取性指導原則XAG

1

毛慶禎 製作無障礙網路空間 2004.12.20

14種檢測規範(1/2)

對於聽覺及視覺的內容要提供相等的替代文字內容

不要單獨靠色彩來提供特殊資訊

適當地使用標記語言和樣式表單

闡明自然語言的使用

建立編排良好的表格

確保網頁能在新科技下良好地呈現

確保使用者能處理時間敏感內容的改變

1

毛慶禎 製作無障礙網路空間 2004.12.20

14種檢測規範(2/2)

確保嵌入式使用者介面具有直接可及性

設計裝置獨立網頁

使用過渡的解決方案

使用國際與國內官方訂定的技術和規範

提供內容導引資訊

提供清楚的瀏覽網站機制

確保簡單清楚的網頁內容優雅轉換

1

毛慶禎 製作無障礙網路空間 2004.12.20

檢測規範的要旨

前11條：以優雅轉換內容為主

結構與外觀分離

提供文字內容

不能看、不能聽時仍可提供相當的訊息

與硬體分離的內容

無滑鼠、小螢幕、低解析度、黑白、祗有語音或文字

12至14條：處理內容親切及可瀏覽性

網站內外瀏覽的機制強化無障礙性及可用性

並不是所有的使用者都是明眼人

部份使用者祗能看到部份網頁內容

1

毛慶禎 製作無障礙網路空間 2004.12.20

檢測碼

計有90項分屬於14條規範

其中65項需人工逐條判斷而無客觀標準

其他25項可用機器判斷

部分規範完全無法用機器判斷其障礙性

規範2、規範8、規範11等

1

毛慶禎 製作無障礙網路空間 2004.12.20

實際檢測

檢測數位典藏國家型科技計畫的入口網站

網頁列表取得時間：2004年11月22日

檢測時間：2004年11月25至26日

檢測結果：全部409個網頁均有障礙

檢測方法：

採用機器自動檢測

以研考會發布之單機版檢測工具取得網頁列表

再以自行開發之程式透過研考會網站批次檢測

1

毛慶禎 製作無障礙網路空間 2004.12.20

檢測統計(1/2)

第1優先等級

影像地圖區域需要加上替代文字說明：1個

對於object提供替代文字說明：1346個

圖片需要加上替代文字說明：5881個

第2優先等級

確保事件的啟發不要求一定得使用滑鼠:3627個

適當使用巢狀標題呈現文件結構：1個

在doctype標籤中，使用標準規範的敘述以識別HTML版本類型：409個

要使用相對尺寸(如%)而非絕對尺寸:53578個

1

毛慶禎 製作無障礙網路空間 2004.12.20

檢測統計(2/2)

第3優先等級

明確指出網頁文字所使用的自然語言：409個

勿單以空白間隔分開相連之超連結：2709個

表格須提供表格摘要說明：4286個

在網頁文字輸入區中須有預設值：249個

1

毛慶禎 製作無障礙網路空間 2004.12.20

修正示例(1/2)

受測網頁序號2

http://www.ndap.org.tw/dlm/index.htm

障礙說明、修正結果、修正後檢測

受測網頁序號252

http://www.ndap.org.tw/2_techreport/index.php?pid=163

障礙說明、修正結果、修正後檢測

受測網頁序號210

http://www.ndap.org.tw/2_techreport/index.php?pid=36

障礙說明、修正結果、修正後檢測

1

毛慶禎 製作無障礙網路空間 2004.12.20

修正示例(2/2)

受測網頁序號2修正處

將<html>改為<html lang="zh-TW">。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<img src="img/banner.png" border="0" alt="2004數位典藏之奪寶奇航活動開始了！">。

1

毛慶禎 製作無障礙網路空間 2004.12.20

製作工具

W3C：製作工具近用指南

7個規範、22條檢測碼、3個檢測等級

工具類型

Markup Editors：FrontPage 2002

Database-Backed Tools：Blackboard 5.5

Style Sheet Editors：Cascade

Tools with Web Format Saving Option：
MS Office

Multimedia Editors：Flash

Conversion Tools：RTF2HTML

1

毛慶禎 製作無障礙網路空間 2004.12.20

製作原則

影像及動畫：使用alt語法

影像地圖：讀者慣用者

多媒體：音效標題與謄本、影像內容

超連結：文字具意義

版面設計：標題、清單、結構一致

圖像及圖表：總結內容、說明屬性

Scripts, Applets, Plug-in:提供其他選擇

表框：改為有意義的標題

表單：各行具總結性、能明確閱讀

使用WCAG的工具做驗證

1

毛慶禎 製作無障礙網路空間 2004.12.20

教育訓練

2個層次

工作坊

研討會

5個原則

確定學員的目標

擬定課程

選擇訓練模式

檢視其他講師的心得

事先建立資源

1

毛慶禎 製作無障礙網路空間 2004.12.20

結論與建議

積極參與W3C文件的翻譯

制定無障礙網路空間政策

舉辦工作坊

網頁製作、管理人員

引進W3C教育訓練課程

舉辦研討會

宣導無障礙網路空間觀念

1

毛慶禎 製作無障礙網路空間 2004.12.20

報告完畢，敬請指教！

毛慶禎

輔仁大學圖書資訊學系

http://www.lins.fju.edu.tw/mao/

mao@lins.fju.edu.tw

毛慶禎

2004-12-18T11:54:50