Web Accessibility --的學習心得

此堂課是學長幫老師代課,學長很盡其所能與所知的把他先前對於無障礙網路空間相關資訊與我們分享！

所謂無障礙網路空間，就是讓每個人，無論是否有身體上的缺陷，讓每個頁面在不同的瀏覽器上，使用或是閱讀網頁內容時，都覺得很方便、很好用。就像無障礙空間一樣，無障礙網頁是一種平等對待每一個族群的最基本設計與規劃。
在一些教學平台上：
（一）如於一般人使用時，常會發現有些網站，字型設的很小，或是網頁的底色跟字的顏色很接近，要閱讀網頁內容時，覺得很吃力，有些網頁，有好大一個區塊，不停的閃爍，沒多久眼睛就覺得很不舒服，還有些網頁，被點選的區域或是文字非常非常的小，讓滑鼠很難瞄準點選，這些網頁，對於擁有正常視力的人而言，閱讀或是使用都很吃力。更何況是看不見、或是聽不到的人。
（二）對於視覺障礙（包括全盲、色盲、弱視等）、聽覺障礙（全聾或是重聽）、行動或有認知障礙、對閱讀或是文字理解有困難的人而言，使用者有可能無法使用滑鼠或是鍵盤，例如：視障者在申請無名部落格的帳號時，在註冊步驟中，系統要求需輸入「驗證碼」，但因系統只提供圖片，而未提供替代方案（如語音播放）可以讀取圖片資訊內容，導致無法獨自完成認證的步驟；另在新增相簿時，雖也能使用鍵盤走訪至「新增相簿」按鈕，但因該按鈕未提供說明，也只能請明眼人解說該按鈕的功能；再來，進入相簿後，又因為上傳照片頁面所提供的表單欄位，並未提供輸入欄位與欄位標題間的關聯性說明，所以不知道如何填寫；最後，設計個人風格樣版時，也同樣因為樣版圖片未有替代文字說明，導致他們在操作上述功能時均需請明眼人協助，或是尋求其它的可行方法。
所以無障礙網路空間的設置，是在製作網站時，要考量以上這些諸多情形，採取「可及性（Accessibility）」的設計，讓不同的使用者、不同的連線狀況下，都能順利讀取網頁資訊，並使教學者很容易在任何地點，透過教學平台獨取教學課程內容。
How can teachers ensure accessibility of their web sites, web content and web applications for learners with disabilities?
可分為（一）人工檢測：首先於製作網頁前應熟讀無障礙十四條規範、無障礙九十條檢測要點，並依「無障礙網頁開發規範」之「人工檢測碼」，自行檢視確認。。（二）機器檢測：可以單機版檢測工具(Freego)或利用行政院研究發展考核所設置的無障礙網路空間服務網（http://enable.nat.gov.tw/management.do?funId=008）所提供的線上檢測(或下載檢測工具)，先對於自己的網頁作一個體檢，然後再針對未通過的部分加以修改。反覆檢測/修改幾次容易犯錯的部分之後，應該就可以知道什麼叫做無障礙網路空間。駕輕就熟之後，即使是一個新的設計，也會自然而然地符合無障礙之要求。

學長也告訴我們在如何改善無障礙網路之可近性,要如何去檢測，如
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 的無障礙性]