本網站依無障礙網頁設計原則而建置,導盲磚及便捷鍵的設定,參考國內外慣用的設定原則。
無障礙網網頁版面區塊設計
- 主要連結區:放置網站主要內容的連結。
- 次要連結區:放置網站次要內容的連結。
- 網頁指南區:放置麵包屑(Breadcrumb)的連結,以便使用者能清楚目前所在網站結構的位置。
- 內容區:網頁內容。
便捷鍵說明
- 1:首頁
- 2:直接跳到網頁內容
- 3:網站地圖
- 4:網頁中如果有搜尋欄位時,跳到搜尋欄位
- 5:主要連結區
- 6:次要連結區
- 7:網頁指南區
- 0:無障礙說明
- G:遊戲區
- T:故事區
- L:學習區
- O:海洋主題館
- K:海洋夏令營
- P:給父母的話
- R:相關網站
- B:網站聯播
- W:Widget 下載與安裝說明
在不同的平台上,使用便捷鍵的方法
- 微軟 Windows 平台:按住 Alt 鍵,再加按指定的便捷鍵。
- Mac 及 Linux 平台:按住 Ctrl 鍵,再加按指定的便捷鍵。

![主要連結區。便捷鍵:[Windows: Alt + M / Mac 及 Linux: Ctrl + M]](/images/header/header_02.jpg)
![連結到遊戲區。便捷鍵:[Windows: Alt + G / Mac 及 Linux: Ctrl + G]](/images/header/game.jpg)
![連結到故事區。便捷鍵:[Windows: Alt + T / Mac 及 Linux: Ctrl + T]](/images/header/story.jpg)
![連結到學習區。便捷鍵:[Windows: Alt + L / Mac 及 Linux: Ctrl + L]](/images/header/study.jpg)
![連結到海洋主題館。便捷鍵:[Windows: Alt + O / Mac 及 Linux: Ctrl + O]](/images/header/show.jpg)
![連結到海洋夏令營。便捷鍵:[Windows: Alt + K / Mac 及 Linux: Ctrl + K]](/images/header/camp.jpg)
