長頸鹿美語加盟通路網站建制計畫.pptVIP

無障礙網站 簡易說明無障礙簡報資料 內容大綱 壹、無障礙網頁開發規範 一、意義 二、目的 三、內容 貳、無障礙網站參考資訊 叁、SchoolPAD 產品介紹 壹、無障礙網頁開發規範 意義 建置符合『無障礙網頁開發規範』的網站，讓有障礙的人上網瀏覽更加便利 。 目的 縮短身心障礙者的數位落差，讓有障礙的人無障礙。 壹、無障礙網頁開發規範 內容 二個檢測方式 三個優先等級 十四條規範 九十個標準檢測碼 壹、無障礙網頁開發規範 舉例(無障礙網頁之設計) 提供網頁『定位點』 鍵盤快速鍵(Access Key) 網站導覽(Site Navigator) 圖片替代說明文字 適用對象範圍 圖A.使用特殊滑鼠和嘴仗吹氣輸入 補充 盲用電腦輔具 (進入) 視障上網資訊系統 (進入) 視障以外障別上網設備 (進入) 貳、無障礙網站參考資訊 研考會無障礙網路空間服務網 .tw/ (進入) 無障礙網站參考資訊： 淡江大學盲生資源中心 / 身心障礙者服務資訊網 叁、SchoolPAD 產品優勢 即時性： 　可線上即時做更新且不用另外學習網頁編輯軟體(如： Dreamweaver ……)。 模組化： 　藉由任意模組的組合來呈現不同的頁面內容。 易操作：透過首頁精靈，修改方便且容易。 叁、SchoolPAD 產品優勢 無障礙功能規劃： 1.自動修改語法：內容編輯自動轉成無障礙語法，輕鬆完成無障礙編輯。 2.人工輸入替代文字：不管是照片還是表格，製作時即可輸入說明文字，快速符合無障礙規範。 案例比較 .tw/enable/ .tw/ .tw/ 成功案例 西松國小(進入) 華江國小(進入) 興德國小(進入) 花蓮慈濟技術學院、佛光大學…。 SchoolPAD教學網站 (進入) 其他成功案例 .tw 台北教育大學 .tw 台灣科技大學 .tw/ 台灣觀光學院 .tw/ 佛光大學 .tw 玄奘大學(新) .tw/ 慈濟技術學院 .tw/ 致理技術學院 .tw/ 北商技術學院 .tw/ 中興大學(無) .tw/ 中山醫大 .tw/schoolpad/ 真理大學(無) .tw/ 世新大學(計中) .tw/ 媒體素養 48/schoolpad/ 東吳大學(範本) * * * * * * * * * * * 無障礙網頁就是遵循無障礙網站設計之規範， 提供網頁導盲磚、鍵盤快速鍵(Access Key)、網站導覽(Site Navigator)等無障礙網頁之設計， 為使對滑鼠操作有障礙之人士，亦可快速瀏覽網站之任何資訊。 無障礙網頁設計之緣起、由來這幾年來，傷殘人士的人數漸漸增加，已成為不可忽視的族群，隨著社會的發展，此族群受到的照顧卻十分有限，尤其是網際網路的時代，網路演變為全民互相溝通的重要橋樑之一。因此， 確保傷殘人士瀏覽網頁時將不會遇到不必要的障礙，便是「無障礙網頁空間」必須做到的！雖然傷殘人士受的照顧有限，但大家應該都會注意到，馬路邊的行人道有傷殘人士專用道、停車場有輪椅使用者專用、大型賣場的洗手間也會顧慮到傷殘人士而為他們設計。同樣的， 網站的設計當然有必要考量到傷殘人士的需求，讓他們能方便使用。設計無障礙網頁時，也同時必須考慮到可及性。舉例來說，若網頁影像、動畫沒有加上替代文字說明，可能會導致視障者無法得到該訊息。而讓人分心、不易關閉的聽(視)覺效果會對情緒患者造成干擾。肢體障礙者所會遇到的困難便是無法順利使用滑鼠或鍵盤來點擊選項。 網頁設計的影音聲光一直蓬勃發展，讓網頁更加生動活潑，但，對傷殘人士而言，做會造成資訊取得的障礙。所以， 必須加速「無障礙網頁空間」的建立，這樣一來，便能為傷殘人士帶來莫大的好處，不但可以接觸到來自各地的多樣資訊，透過網路來學習，更可以與遠方的朋友連絡，達到了「足不出戶，能知天下」的目標。目前國內無障礙網頁設計之發展現況隨著資訊科技的進步，加上多媒體技術的蓬勃發展，許多網頁設計者為了提高網站的吸引力，往往使用大量的影音內容，但卻未在同時考慮身心障礙者在使用這些資訊時所可能碰到的問題。 　　為了達到全國同胞的資訊平等權，行政院研考會於2002、2003連續兩年委託專業組織訂定國內的「無障礙網頁開發規範」，並開發「無障礙網路空間服務網」的線上檢測機制，以提供國內網站進行無障礙網站建置時檢測與除錯的輔助。「無障礙網頁開發規範」將做為國內政府機關、商業網站及民間企業等公共資訊服務網站，建置無障礙網路資訊服務的準則。　無障礙網站設計不僅是針對身心障礙者的使用，藉由這樣的設計更能使一般的使用者都能更便利地使用網站。