無障礙功能
我們致力於讓每一位使用者都能順利瀏覽網站。瞭解我們為確保包容性數位體驗所實施的完整無障礙功能。
快捷鍵參考
按下下列按鍵即可立即導覽
H
首頁
A
關於我們
M
使命
R
路線圖
E
活動
I
倡議
O
會員
D
資料
?顯示全部快捷鍵
全面的無障礙支援
我們遵循業界領先的無障礙標準，確保每位使用者都能存取並使用平台。
導覽
鍵盤導覽
提供完善的鍵盤導覽支援與快捷鍵，快速進入各個版區
使用方式：
- 按下 “h” 前往首頁版區
- 按下 “a” 前往關於我們
- 按下 “m” 前往使命版區
- 按下 “r” 前往路線圖版區
- 按下 “e” 前往活動頁面
- 按下 “i” 前往倡議頁面
- 按下 “o” 前往會員頁面
- 按下 “d” 前往資料頁面
- 按下 “?” 顯示全部鍵盤快捷鍵
鍵盤快捷鍵：
HAMREIOD?
螢幕閱讀器
螢幕閱讀器支援
語意化 HTML 結構與適當的 ARIA 標示、角色與即時區域，方便螢幕閱讀器使用
使用方式：
- 相容 NVDA、JAWS、VoiceOver 等常見螢幕閱讀器
- 使用 H 鍵依標題層級導覽
- 使用 D 鍵在頁面地標之間切換
- 重要公告會自動朗讀
- 使用 Tab 鍵瀏覽所有互動元件
視覺
焦點管理
透過清楚的焦點指示與鍵盤陷阱管理，隨時掌握目前位置
使用方式：
- 依照邏輯順序使用 Tab 鍵逐項導覽
- 所有元素皆提供明顯的焦點樣式
- 對話框會自動鎖定焦點
- 按下 Escape 關閉對話框並將焦點返回觸發位置
導覽
跳轉連結
為鍵盤使用者提供跳過導覽、直接進入主要內容的連結
使用方式：
- 頁面載入後按 Tab 顯示跳轉連結
- 按 Enter 啟用「跳到主要內容」連結
- 按 Enter 啟用「跳到導覽」連結
- 連結預設隱藏，聚焦時才會顯示
視覺
高對比度
整體色彩對比度符合 WCAG AA 標準，提升可讀性
使用方式：
- 正文文字至少符合 4.5:1 的對比度
- 互動元件具有足夠的對比度
- 聚焦狀態具備清楚的視覺提示
- 不會僅以顏色傳達資訊
版面
回應式設計
採用行動優先的回應式設計，支援所有裝置與螢幕尺寸
使用方式：
- 頁面可放大至 200% 而不需水平捲動
- 行動裝置的觸控目標至少 44 像素
- 內容會依螢幕尺寸自動重新排版
- 直向與橫向模式皆可流暢操作
表單
無障礙表單
所有表單具備明確標籤、錯誤訊息與驗證回饋
使用方式：
- 每個欄位皆附有描述性標籤
- 必填欄位會清楚標示
- 錯誤訊息會提示螢幕閱讀器
- 表單驗證提供明確且易懂的回饋
內容
包容性內容
使用清楚易懂的語言並遵循合理的標題結構
使用方式：
- 標題遵循 H1-H6 的邏輯層級
- 全文採用淺顯易懂的語句
- 重要資訊不僅依賴時間提醒
- 所有圖像皆附有描述性替代文字
標準與合規
WCAG 2.1 AA
符合 Web 內容無障礙指南 (WCAG) 2.1 AA 級標準，確保內容可感知、可操作、可理解且穩健。
Section 508
符合《復康法》508 條款的要求，滿足政府層級的無障礙標準。
螢幕閱讀器
已針對 NVDA、JAWS、VoiceOver 等輔助技術進行測試與最佳化。
協助我們改進
我們持續提升網站的無障礙體驗。若您遇到任何障礙或有建議，歡迎告訴我們。
聯絡我們的無障礙團隊：
電子郵件： accessibility@sgua.org
電話： +65 8193 8194