学生概念性产品竞赛企划无障碍网页设计模组Web Content ....pptVIP

學生概念性產品競賽企劃無障礙網頁設計模組Web Content Accessibility Design Tool 陳映竹 林育駿 設計目的 在這資訊發達的時代，人與人之間的溝通、訊息的傳遞交換大多藉由網際網路，部分的人因為某些原因而無法正常的使用網路上的資料這時候，則誕生了「無障礙網路空間」，使他們能便利的「行走」於網際網路空間。 而在「無障礙網路空間」三個等級的影響程度下，還有繁瑣的十四條規範以及九十條相關的檢測要點，也產生了開發無障礙網頁上的困難與不方便。因此藉由開發一個能簡單製作無障礙網頁的應用程式，不只讓殘障人士在視覺上、聽覺上都能有效的和該網頁互動溝通，甚至存取資料，也能讓開發人員在製作上效率提升。 無障礙網頁開發規範 規範一：對於聽覺及視覺的內容要提供相等的替代文字內容。 規範二：不要單獨靠色彩來提供特殊資訊。 規範三：適當地使用標記語言和樣式表單。 規範四：闡明自然語言的使用。 規範五：建立編排良好的表格。 規範六：確保網頁能在新科技下良好地呈現。 規範七：確保使用者能處理時間敏感內容的改變。 規範八：確保嵌入式使用者介面具有直接可及性。 規範九：設計裝置獨立網頁。 規範十：使用過渡的解決方案。 規範十一：使用國際與國內官方訂定的技術和規範。 規範十二：提供內容導引資訊。 規範十三：提供清楚的瀏覽網站機制。 規範十四：確保簡單清楚的網頁內容。 檢測碼 檢測碼共計有90項分屬上述的14條規範。 65項需進行人工檢測, 需要逐條判斷, 沒有客觀標準。 其他25項檢測碼, 可以用機器判斷其障礙性。 規範二、規範八、規範十一等, 完全無法用機器判斷其障礙性。 競爭對手分析 對象：Microsoft FrontPage 2003 優點： （1）網頁製作相關功能齊全。 （2）此版本加入了無障礙設計概念。例如：圖片能加入替代文字。 競爭對手分析 對象：Microsoft FrontPage 2003 缺點： （1）對於網頁製作的初學者來說，較不易上手。 （2）想加入FrontPage不支援的功能，進而想編輯HTML原始碼時，比較費時。 （3）FrontPage做出來的網頁大多數只適合用IE瀏覽器做瀏覽，就不適合用其他的瀏覽器閱讀。 （4）建立無障礙網頁的功能不明顯，無法確保每位使用者在製作網頁時都會去考慮並且加以利用。 規格 影像及動畫：使用alt來說明每一個視像的功用。 超連結：使用具意義的文字來連結。避免使用按此處。 版面設計：使用標題、清單及一致的結構。在許可情況下,使用CSS來表現排列及形態的模式。 規格 圖像及圖表：總結內容或以詳細資料來說明其屬性。 Scripts, Applets及Plug-in：若其中的動態特點不獲支援,應提供其他內容予以選擇。 表框：不要使用表框及以有意思的題目來表達。 表單：使每一行得以被明確地閱讀及具總結性。 Freego-windows軟體 結語 本產品的開發目的為：創造一個親和力的開發程式、設計支援無障礙此原則的軟體、設計有親和力的瀏覽器以及編輯工具、設計支援無障礙的XML應用程式。 無障礙網路空間的誕生，意味著網站開發人員在撰寫時候必須要更嚴謹，秉持著讓所有人都能輕鬆瀏覽網頁的原則著手開發；相反的，也要讓開發人員能輕鬆的在無障礙規範內製作網站，最終目的是要創造一個讓提供服務者與使用者都能輕鬆暢遊的「無障礙空間」。 報告完畢，謝謝大家。 * * *