網站無障礙設計宣告與快捷鍵指引
一、無障礙設計承諾與規範標準
j172tw Healthz(health.j172.tw,以下簡稱「本站」)堅信「數位人權、資訊平權」是公共服務之基石。為保障視覺障礙者、聽覺障礙者、肢體行動不便者及高齡長輩能無障礙獲取攸關民生之公衛醫療、防災安全、弱勢福利與生活圖資,本站各項網頁與功能模組均嚴格參照中華民國數位發展部《無障礙網頁開發規範 2.1》以及全球資訊網協會(W3C)Web Content Accessibility Guidelines (WCAG) 2.1 AA 級標準進行架構規劃與體驗優化。
本站設有「快速跳過重覆區塊之錨點(Skip Links)」、「鍵盤定位點符號 :::」、「全域高對比焦點外框」、以及針對 Leaflet 地圖提供「等價結構化無障礙清單替代視圖」,確保即使不使用滑鼠或搭配螢幕報讀軟體(如 NVDA、JAWS、VoiceOver),亦能獲得 100% 完整之公衛與民生資訊。
二、鍵盤快速鍵(AccessKey)操作說明
本網站配置有便利之快捷鍵(AccessKey),讓使用者得以藉由鍵盤快速巡航跳轉至指定功能區塊。快速鍵之觸發方式依作業系統與瀏覽器環境有所不同:
- Windows 系統:請使用 Alt + 快速鍵代碼(部分瀏覽器如 Firefox 可能需加按 Shift)。
- macOS 系統:請使用 Control + Option + 快速鍵代碼。
| 快速鍵代碼 | 定位區塊與功能說明 | 對應錨點 |
|---|---|---|
| Alt + C | 中間主要內容區:跳過上方導覽與輪播,直接聚焦至頁面核心文章、公衛工具或數據表格。 | #main-content |
| Alt + U | 上方主要導覽區:瀏覽全站主選單,包含最新新聞、分類工具選單、語系與深色主題切換。 | #header-nav |
| Alt + Z | 下方資訊與頁尾區:跳轉至頁尾全站分類連結、公民夥伴陣線、開放資料授權宣告與隱私政策。 | #footer-info |
| Alt + S | 全域即時搜尋:開啟全站新聞與 90+ 種生活工具搜尋框(亦可直接按下 ⌘K 或 Ctrl+K)。 | #search-trigger |
| Tab | 按序聚焦至下一個可互動元件;搭配 Shift + Tab 可反向返回前一個元件。 | 循序導航 |
| Esc | 關閉搜尋彈窗、選單抽屜或沉浸閱讀視窗,並將焦點自動還原至原先觸發之按鈕。 | 焦點還原 |
三、本站無障礙技術實踐亮點
🗺️ 互動地圖等價清單模式
全站包含身障 ATM、母嬰親善室、AED 急救、避孕諮詢等 GIS 圖資頁面,均標配一鍵切換「📋 清單模式」,並提供跳過地圖錨點,免除鍵盤焦點受困於地圖 Canvas 的困擾。
🎯 醒目高對比焦點提示
全域配置無障礙專用 :focus-visible 樣式,鍵盤巡航時產生清晰的 2px 高飽和度輪廓線(Outline),滑鼠操作時則自動隱藏,兼顧視覺質感與合規可用性。
📢 即時狀態語音廣播(ARIA Live)
在縣市篩選、關鍵字檢索與資料即時載入時,透過 aria-live="polite" 播報「符合 X 筆據點」,讓視障者即時掌握動態資料變化。
🔊 新聞沉浸閱讀與語音朗讀
新聞專區內建語音朗讀(Web Speech API)與純文字沉浸模式,支援自訂字級放大、行距與米色護眼配色,貼心照顧弱視朋友與銀髮長輩。
四、無障礙障礙通報與意見回饋
若您在瀏覽本站時遭遇任何無法使用、語音報讀不完整、對比度不足或鍵盤操作障礙,誠摯歡迎您與我們聯繫!本專案為開放原始碼公益專案,我們將於接獲反映後 3 至 5 個工作天內查驗並持續精進。