:::

無障礙網頁設計

「校園網站 4.0」在無障礙網頁設計部份,結合 jQuery 和 CSS 技巧,提供下列功能:

  • 提供無障礙網站輔助按鈕。
  • 依據網站架構 ( 頂部、主功能表區、主顯示區、左側邊欄、右側邊欄、底部 ) 提供具定位點功能的導盲磚 ( Accesskey )。
  • 可使用鍵盤操作下拉式功能表 (Dropdown Menu)。
  • 可使用鍵盤操作頁籤式 ( Tabs ) 內容,並提供鍵盤操作說明的輔助按鈕。
  • 可使用鍵盤操作收合式 ( Accordion ) 內容,並提供鍵盤操作說明的輔助按鈕。
  • PopUp 的視窗,仍可透過鍵盤操作。
  • 網站內容可依個人喜好變更字體大小 ( 分七級 ) 。
  • 可依個人需求自由變換網頁背景顏色。
  • 可依個人需求改變圖(照)片顏色,如灰階、負片。
  • 網頁連結可指定底線或高亮度顯示。
  • 非文字性的內容 (如圖、照片) 自動提供替代文字 (alt) 及長說明文字 ( longdesc)。
  • 所有的顏色對比,都達到 AAA 等級的 7:1。
  • 所有橫向捲動的輪播,或上、下捲動的跑馬燈,均提供暫停/繼續按鈕。
  • 針對使用 jQuery 或 javaScript 的部份,提供 <noscript> 的解決方案。