製作無障礙網路空間

1. 前言
1. 網站互用性
2. 無法正常使用網路的理由
3. 無障礙網路的方向
4. 殘障人士的需要
5. 無障礙網頁的層面
6. 指導方針
7. 指導原則
   
2. 檢測規範
1. 優雅轉換內容
2. 內容親切及可瀏覽性
3. 檢測碼
1. 規範一
2. 規範三
3. 規範四
4. 規範五
5. 規範六
6. 規範七
7. 規範九
8. 規範十
9. 規範十二
10. 規範十三
4. 實際檢測
1. 檢測方法
2. 檢測結果
3. 修正示例
   
5. 製作工具
1. 工具類型
2. 製作指引
   
6. 教育訓練
1. 工作坊
2. 研討會
7. 結論與建議
   

• 不祗是文字淺顯, 還需有在網站內外瀏覽的機制, 才能強化無障礙性及可用性。
• 並不是所有的使用者都是明眼人, 對圖片、捲軸、頁框等連結, 一目瞭然;
  
• 部份使用者祗能看到部份網頁內容, 如: 使用語音合成器、點字顯示器、小尺寸螢幕、放大螢幕等。

• 1.1：H101000 圖片需要加上替代文字說明
• 1.2：H101001 對於applet提供替代文字說明
• 1.3：H101002 對於object提供替代文字說明
• 1.4：H101003 對於表單中的圖形按鍵提供替代文字說明
• 1.5：H101004 影像地圖區域需要加上替代文字說明
• 1.8：H101007 提供longdesc以外的描述性超連結(如D超連結)，來描述longdesc的內容
• 1.16：H301015客戶端影像地圖中的超連結必須在網頁中有額外對應的可及性超 連結

• 3.2：H203001 確定網頁設計文件，有效使用正規的HTML語法
• 3.3：H203002 在doctype標籤中，使用標準規範的敘述以識別HTML版本類型
• 3.5：H203004 要使用相對尺寸(如%)而非絕對尺寸(如像素)
• 3.6：H203005 適當使用巢狀標題呈現文件結構

• 4.3：H304002 明確指出網頁文字所使用的自然語言

• 5.5：H305004 表格須提供表格摘要說明(如summary屬性)

• 6.2：H106001 頁框連結必須是HTML檔案
• 6.6：H206005 使用頁框時要指定不支援頁框時的辦法

• 7.2：H207001 避免使用blink標籤閃爍螢幕
  
• 7.3：H207002 避免使用marquee標籤移動文字
  
• 7.5：H207004 不要讓網頁每隔一段時間自動更新
  
• 7.6：H207005 不要自動轉移網頁的網址

• 9.1：H109000 盡量使用客戶端影像地圖替代伺服器端影像地圖連結
  
• 9.3：H209002 確保事件的啟發不要求一定得使用滑鼠

• 10.5：H310004 在網頁文字輸入區中須有預設值
  
• 10.6：H310005 勿單以空白間隔分開相連之超連結

• 12.1：H112000 需要定義每個頁框的名稱

• 13.5：H213004 為你的網頁加上標題

• 對數位典藏國家型科技計畫的入口網站檢測, http://www.ndap.org.tw
• 網頁列表取得時間：2004年11月22日。
• 檢測時間：2004年11月25日至2004年11月26日。
• 檢測內容: 在檢測時間內，數位典藏入口網站內部共有409個網頁, 每個網頁都被機器檢測出障礙
  

• 採用機器自動檢測。
• 以行政院研考會發布之無障礙 網頁單機版檢測工具取得全網站網頁列表。
• 再以自行開發之程式，利用行政院研考會無障礙網路空間服務網之「網頁檢測及標章申請」 功能檢測列表中所有網頁並加以記錄。

• 第一優先等級

  「1.5：H101004 影像地圖區域需要加上替代文字說明」障礙共 1 個。（檢測序號：252）
  「1.3： H101002 對於object提供替代文字說明」障礙共 1346 個。
  「1.1： H101000 圖片需要加上替代文字說明」障礙共 5881 個。

• 第二優先等級

  「9.3：H209002 確保事件的啟發不要求一定得使用滑鼠」障礙共 3627 個。
  「3.6： H203005 適當使用巢狀標題呈現文件結構」障礙共 1 個。（檢測序號：210）
  「3.3： H203002 在doctype標籤中，使用標準規範的敘述以識別HTML版本類型」障礙共 409 個。
  「3.5： H203004 要使用相對尺寸(如%)而非絕對尺寸(如像素)」障礙共 53578 個。

• 第三優先等級

  「4.3：H304002 明確指出網頁文字所使用的自然語言」障礙共 409 個。
  「10.6： H310005 勿單以空白間隔分開相連之超連結」障礙共 2709 個。
  「5.5： H305004 表格須提供表格摘要說明(如summary屬性)」障礙共 4286 個。
  「10.5： H310004 在網頁文字輸入區中須有預設值」障礙共 249 個。

修正後檢測：受測網頁已經通過第三等級無障礙標準自動檢測部分，若此網頁同時通過人工檢測項目，則被認為符合 第三等級無障礙網頁設計標準。

序號2：http://www.ndap.org.tw/dlm/index.htm

• 影像及動畫。使用alt來說明每一個視像的功用。
• 影像地圖。使用對方本土所用的地圖及文字來說明當地熱點。
• 多媒體。提供音效文件的標題及謄本和影像文件的內容。
• 超連結。使用具意義的文字來連結。避免使用"按此處"。
• 版面設計。使用標題、清單及一致的結構。在許可情況下,使用CSS來表現排列及形態的模式。
• 圖像及圖表。總結內容或以詳細資料來說明其屬性。
• Scripts, Applets及Plug-in。若其中的動態特點不獲支援,應提供其他內容予以選擇。
• 表框。不要使用表框及以有意思的題目來表達。
• 表單。使每一行得以被明確地閱讀及具總結性。
• 檢查您的作業。使用於www.w3.org/TR/WCAG內 的工具、清單及指引來驗證。

• 工作坊 - 協助網路空間的製作人, 以正確的工具及態度, 製作無障礙網路空間
• 研討會 - 宣導無障礙網路空間的必要性, 以尊重的態度, 面對有障礙的人士
  

1. Scenarios describing Web accessibility: How People with Disabilities Use the Web [殘障人士使用網路的方式]
2. 研考會及W3C公告之無障礙網路空間規範與檢測碼
   
3. Examples of accessible design: Examples: Web Content Accessibility Curriculum [無障礙網路設計範例]
4. 檢測網站的無障礙性, http://www.w3.org/WAI/eval/Overview.html
5. Curriculum with examples of accessible design: Curriculum for the WCAG 1.0, last modified March 17, 2000 [無障礙網路空間課程]
6. Techniques for accessible site design: Techniques for WCAG 1.0, [無障礙網站設計]
   三種技術: 核心技術、HTML技術、CSS技術
   
7. Authoring Tool Conformance Evaluations, Last updated 28 May, 2002 by Jan Richards, http://www.w3.org/WAI/AU/2002/tools [製作工具]
8. Repair tools for inaccessible Web sites: Repair Tools for Web Content Accessibility [修改網站工具]
9. Accessibility Features of SMIL [SMIL的無障礙性]
10. Accessibility Features of CSS [CSS的無障礙性]
11. Accessibility Features of SVG [SVG的無障礙性]
12. Accessibility improvements in HTML 4.0 [HTML 4.0 的無障礙性]

1. Online Overview of the Web Accessibility Initiative / by Judy Brewer and EOWG Participants, http://www.w3.org/Talks/WAI-Intro/
   Web accessibility 先導計劃概論 / [陳建泰譯], http://140.96.170.136/~chientai/Talks/WAI-Intro
   
2. Benefits of Web site accessibility for businesses: Business Benefits of Accessible Web Design [無障礙網路設定的商機]
3. Developing Organizational Policies on Web Accessibility [制定無障礙網路政策]
4. Inaccessibility of Visually-Oriented Anti-Robot Tests
    [視覺障礙及解決方案]
5. Alternative Web Browsing [多種瀏覽器]
6. Policies relating to Web accessibility [各國的無障礙網路空間政策]
   

1. 積極參與W3C文件的翻譯, http://www.w3.org/2003/03/Translations/byLanguage?language=zh-hant
2. 制定無障礙網路空間政策
   
3. 舉辦網頁製作及管理人員之工作坊 - 引進W3C教育訓練課程
4. 舉辦研討會 - 宣導無障礙網路空間觀念