无障碍网页相关规范说明.PPT

無障礙網頁相關規範說明 項目符號可使用＊或null替代，清楚簡潔。 語法：img src=“icon.gif” alt=“*” 或 img src=“icon.gif” alt=“” 人物相片之說明 網頁瀏覽功能應同時提供滑鼠與鍵盤同時可操控的介面 遵循『由上而下』及『由左而右』的原則設定游標移動順序，使用者操作更便利。 將選單及內容區搭配快速鍵設定定位點，方便瀏覽者快速跳到所需資訊區 提昇網站的親和力及可及性 提供瀏覽者在未閱讀表格資料前了解表格提供的資訊主題 使用Caption標籤 提供瀏覽者了解表格行與列的主題內容為何 行列標題使用th標籤 使用絕對尺寸(如像素)方式設計網頁元素 提供共通性的瀏覽環境 ◆網頁內容可正常顯示於各種瀏覽器 提供共通性的瀏覽環境 ◆同時提供多樣化的下載檔案格式 各項文件檔案下載請提供二種以上下載格式。 如：PDF、DOC、TXT、XLS、HTML…等 如何自我檢驗 網站Demo 無障礙網頁標章申請流程與注意事項 無障礙網頁標章申請流程 無障礙網頁標章申請流程圖 流程圖 無障礙網頁標章申請注意事項 標章申請登錄資料不正確者，將退回標章申請 上傳報告錯誤情況者，將退回標章申請 其它情況者，將退回標章申請 建議 機關申請無障礙網頁標章常見問題 常見QA Q：網站選單需能確保鍵盤操作者可方便使用？ A：主次選單如於同框架內以收合呈現，使用鍵盤操作時，應可方便展開次選單，並可立即接序於該次選單項目內移動，避免使用者重新定位於該次選單項目以外位置，造成使用者迷航感。 .tw/zhTW/ .tw/web/index.aspx 常見QA Q：同網站之不同語言版網頁，可否個別申請標章？ A：同網站不同語言版網頁，建議規劃建置在同一個網域名稱內，並以該網域全網站申請一個標章即可。 常見QA Q：網站可以另闢無障礙版個別申請標章嗎？ A：網頁無障礙化，請就原全網站內容依無障礙網頁規範修改建置成無障礙網頁，再據以申請無障礙標章；單獨的無障礙版網頁，並不符合資訊公平使用原則。 常見QA Q：網站定位點及快速鍵說明應放在何處？ A：基於使用者習慣考量，建議放置網站導覽(SITE MAP)網頁內容上方為宜。 常見QA Q：同網域下之子網站，可分開申請標章嗎？（Ex：學校全球網，於同網域下之各系所 政府機關，於同網域下之各所屬子網站。） A：無障礙標章應以全網站內容申請，因此，同一個網域下所有網頁均應符合無障礙標章要求。 諮詢服務專線 1. 042. 044320 3. 044323 客服信箱：webguide@.tw 未標示網頁語言 我的E政府網站 .tw/ 以相對尺寸(%)設計表格，無論視窗大小，表格中的文字內容會隨著改變，且不會被切割 一般視窗大小呈現 視窗變小呈現 使用相對尺寸(%)方式設計網頁元素 下一頁 以相對尺寸設計，網頁的文字大小會依需求調整明顯放大縮小。 使用相對尺寸(%)設計網頁文字 下一頁 一般視窗大小呈現 視窗變小呈現 top 程式碼 11.4：H311203 允許使用者依照個人喜好設定網頁呈現方式與內容 Internet Explorer FireFox 下一頁 11.4：H311203 允許使用者依照個人喜好設定網頁呈現方式與內容 top 網站負責人： 檢測小組： 機器檢測：Freego單機版機器檢測軟體 人工檢測：請參考”無障礙標章人工抽測應注意事項” 基本登錄資料檢查 檢查項目 正確情況 標章機關代碼 政府機關需填寫相關的機關代碼 申請單位 需為該單位人員 申請人 需以網站負責人全名登錄 電子信箱 檢查是否為網站負責人信箱 網站名稱 登錄不清楚。如登錄成網址、資訊中心等 網址 網址登錄錯誤。例如以local端網址登錄 標章等級 需與機器檢測報告相符 登錄日期 與機器檢測報告受測日期不可相差過久 檢測紀錄通知信 下一頁 標章資訊列表 下一頁 填寫修正回覆紀錄 請參閱最新消息【檢測結果】受測網站未通過抽測之網站回覆流程 top 刪除標章通知信 top 常見QA Q：請問我是不是需先以機器檢測再將檢測 報告函送研考會做人工檢測呢？ A：依目前網站無障礙標章申請程序，貴機關應先自行完成所有機器檢測及人工檢測，再登錄申請標章，研考會檢測，只是抽驗，不會幫各機關處理各機關應自行負責的所有人工檢測工作。 * Q：何時可取得標章呢？ A：完成前述動作，經研考會抽驗沒有發現重大問題，即可取得標章。 * 常見QA Q：申請標章的同時可否繼續做網頁的修正呢？ A：如有修改仍需再自行完成所有機器檢測及人工檢測，以確保網頁符合無障礙要求，但