learning material

1. 無障礙網頁介紹
WEB ACCESSIBILITY
分享者 陳志嘉

2. FOR 視障
圖片來源：無障礙服務空間網

3. FOR 視障
圖片來源：無障礙服務空間網

4. FOR 視障

5. FOR 聽障
圖片來源：無障礙服務空間網

6. FOR 肢障
圖片來源：無障礙服務空間網

7. FOR 肢障
圖片來源：無障礙服務空間網

8. 無障礙網站識別標章

9. 無障礙網站標章
最高級AAA

10. 無障礙網路空間服務網

11. 無障礙網頁申請流程
機器檢測
1機器檢測 單一窗口登錄
4單一窗口登錄 抽測結果
7抽測結果
設定標章連結
5設定標章連結
人工檢視
2人工檢視 修改完成
8修改完成
路徑
6抽檢，採定期
抽檢，
抽檢 重覆步驟6
9 重覆步驟
加入會員
3加入會員
及不定期抽檢 至步驟8
至步驟

12. 無障礙網頁開發規範
行政院研究發展考核委員，參考W3C協會、WAI組
織無障礙網頁內容標準相關規範。
十四條規範
九十條相關的檢測要點

13. 第一優先等級
網頁內容開發者在開發網頁時必須遵循這個等級的檢測碼。

14. 等級
A+等級
網站若通過第一優先等級無障礙設計，且具有定位點(:::)
（原名網頁導盲磚）搭配鍵盤快速鍵(Accesskey)、網站導
覽(Sitemap)功能及網頁瀏覽工具具有使用鍵盤設計，勿
只設計僅能使用滑鼠點選等瀏覽網頁的功能。

15. 網頁導盲磚
行政院研考會頒佈之「 無障礙網頁開發規範」原則設計， 遵
循無障礙網站設計之規範，提供網頁導盲磚(:::)、鍵盤快速鍵(Access
Key)、網站導覽(Site Navigator)等無障礙網頁之設計，為使對滑鼠操
作有障礙之人士，亦可快速瀏覽網站之任何資訊，例如:
Alt+T : 網站最頂端之相關功能連結，位於本站上方左區。包含LOGO
圖示與中英文校名。
Alt+M : 本校主功能選單連結，位於本站上方右區的位置。(※如無主
選單，則本快速鍵無作用)
Alt+L : 本校次功能選單連結，位於本站左方的位置。顯示出次功能選
單連結下之內容。(※如無左選單，則本快速鍵無作用)
Alt+B : 版權宣告、其他相關聯絡訊息，位於本站最下方。
Alt+H : Accesskey選項。

16. 第二優先等級
網頁內容開發者在開發網頁時應該滿足這個等級的
檢測碼。

17. 第三優先等級
頁內容開發者在開發網頁時可以納入這個等級檢測
碼的要求。

18. 十四條規範
• 規範一：對於聽覺及視覺的內容要提供相等的替代文字內容
• 規範二：不要單獨靠色彩來提供特殊資訊
• 規範三：適當地使用標記語言和樣式表單
• 規範四：闡明自然語言的使用
• 規範五：建立編排良好的表格
• 規範六：確保網頁能在新科技下良好地呈現
• 規範七：確保使用者能處理時間敏感內容的改變
• 規範八：確保嵌入式使用者介面具有直接可及性
• 規範九：設計裝置獨立網頁
• 規範十：使用過渡的解決方案
• 規範十一：使用國際與國內官方訂定的技術和規範
• 規範十二：提供內容導引資訊
• 規範十三：提供清楚的瀏覽網站機制
• 規範十四：確保簡單清楚的網頁內容

19. 90條檢測碼
0機器辨識/機器檢測：24條
1機器辨識/人工檢測：34條
2人工辨識/人工檢測：32條

20. 檢測工具FREEGO

21. 檢測工具FREEGO

22. 輔具資源網
• 輔具資源入口網 http://repat.moi.gov.tw/03product/pro_a_list.asp

23. 輔具資訊查詢

24. 學習輔具中心、無障礙資源網
學習輔具中心 http://assist.batol.net/

25. 坊間供視障利用的網站
• 交大愛盲有聲書 http://blind.nctu.edu.tw/Magazine/

26. 有聲導覽系統
• Windows eye 下載
http://www.gwmicro.com/Window-Eyes/Demo/