导盲砖搭配键盘快速键Accesskey2.PPTVIP

無障礙網頁說明會 電算中心教育訓練組 林哲先 什麼是「無障礙網路空間」(Web Accessibility)? 無障礙網路空間的規劃和訂定主要是參考 W3C(World Wide Web Consortium) 協會的 WAI(Web Accessibility Initiative) 組織訂定的無障礙網頁內容標準相關規範，並參照各國在制定無障礙網頁相關政策和推廣策略的做法，及國內近年來在身心障礙者保護政策、無障礙空間的推動、視覺障礙者在無障礙網路相關措施的努力等經驗所訂定。 本規範所訂定 的網頁各種可及性設計的準則內容，其適用範圍包括有 視覺障礙 、聽力障礙 肢體障礙 、和認知障礙或神經疾病 等方面的身心障礙人士使用網頁資訊所必須考慮的種種因素。除此之外，其考慮因素也包括這些身心障礙人士所使用的特殊上網裝置 ( 包括螢幕閱讀機、螢幕擴大機、特殊按鈕、特殊鍵盤、特殊顯示裝置、點字輸入裝置和點字顯示器等 ) ，這些裝置可能是使用各種不同的操作系統，或只具有基本的網頁 瀏覽 功能 。 什麼是「無障礙網路空間」(Web Accessibility)? 本規範內容包括 無障礙網頁可及性設計四項原則、 三個優先等級、三個檢測等級、十四條規範、和九十個標準檢測碼。其章節安排的順序可提供一個資訊網站在處理無障礙網頁的規劃、開發、設計、檢測、和認證等工作時，可以依各發展階段對於無障礙網頁開發的需要提供相關的指引。 四個檢測等級差異 政府網站無障礙化作業規定 無障礙網頁標章登錄作業流程 無障礙網站認證申請流程 無障礙網站認證 Freego 軟體 Demo 下載位置: .tw/download_tool.jsp Freego為國內自行開發之檢測軟體, 提供機器檢測之參考使用. 切記通過Freego容易, 通過人工檢測難 本校申請通過之無障礙網頁 平台網站申請無障礙須修正的幾個地方: 所有網頁上之照片圖片都須加上alt說明. 網頁上使用的表格須加上Summary跟註解,各欄位之項目名稱須大寫 須加上網站導覽功能 須加上::: Accesskey導盲磚功能及說明 修正完成後由中心統一申請認證 儘可能避免的一些製作上的錯誤… 避免直接複製WORD內的表格, 請先調整表格大小後再複製貼入 避免使用小圖示型的分項符號 避免使用的動畫(需加入劇情說明) 網站導覽的順序編排與分項編碼 視障輔助科技工具 無障礙網路空間服務網中介紹的障礙人士輔助科技，是以使用電腦以及上網的障礙人士為對象，且屬國內較為普遍使用的輔具為主。這些輔助科技包括： 盲用電腦輔具 視障上網資訊系統 視障以外障別上網設備 盲用電腦輔具 視覺障礙者使用電腦時，除了一般的軟硬體設備外，還有兩個問題必須克服，一個是如何知道螢幕上所出現的訊息；另一個則是如何透過鍵盤來輸入資料。 視障者要取得螢幕上的訊息，必須依靠一個「螢幕閱讀器(screen reader)」（ 如導盲鼠，GDBRL等系統），經過程式轉換後成為點字輸出到點字觸摸顯示器（如金點、超點），或成為語音輸出到語音合成器或音效卡, 視障者就能透過點字和語音來瞭解螢幕上的資訊。 盲用電腦輔具 視障上網資訊系統 視障以外障別上網設備 四種等級 新增等級(A+) 第二優先等級(AA) 第三優先等級(AAA) 第一優先等級(A) 新增等級(A+) 第二優先等級(AA) 第三優先等級(AAA) 第一優先等級(A) 【例】圖片與替代文字 對 img 標籤提供 alt 屬性 　　　 img src=“a.jpg” alt=“最新消息” １、導盲磚搭配鍵盤快速鍵(Accesskey) ２、網站導覽功能(Sitemap) ３、網頁瀏覽工具應有使用鍵盤的設計，勿只設計僅能使用滑鼠點選 【例】避免使用marquee 跑馬燈、gif 動畫、開新視窗 【例】表格標籤Table 須提供表格摘要說明 (summary 屬性) 【例】使用 Lang 屬性，明確指出網頁文字所使用的自然語言， 　　　 讓語音系統可以正確辨識，例如中文為 zh-TW 　 1.將已設計完成網址copy到freego軟體 2.在Freego軟體設定等級然後送機器檢 3.通過Freego機器檢可直接申請登錄無障礙 有重大設計缺陷, 當日退回登錄紀錄! 4. 登錄無障礙後, 研考會會請人人工檢測 2天內會回覆符合與否, 未符合者於兩週 內修正, 並回覆修正結果, 否則退回登錄 正常取得無障礙認證 會有連結檢測紀錄,並 附檢測報告 本組在建置網頁發佈平台時, 已規劃申請無障礙網頁事宜. 使用網頁發佈平台申請A+無障礙認證僅需修改幾個項目即可通過. 目前已通過站台共計12 個 平台已上線之網站, 中心會輔導申請無障礙 lynx純