Embedded Files
核心設計規範
無障礙網頁設計主要依循 WCAG 2.1 (Web Content Accessibility Guidelines) 的框架，分為四大原則：
感知性 (Perceivable)
非文字內容替代： 所有圖片、圖表必須提供alt屬性（替代文字）。若為裝飾性圖片，則alt值應為空。
影音替代： 影片須提供中文字幕，重要資訊應提供聽覺說明或文字稿。
色彩對比： 文字與背景的亮度對比度至少需達 4.5:1（大尺寸文字則需 3:1）。不可僅靠顏色來傳達資訊（例如：「請點擊紅色按鈕」是不合格的）。
可操作性 (Operable)
全鍵盤操作： 使用者必須能僅透過鍵盤（Tab 鍵）遊走整個網站。
焦點可視化： 當鍵盤移動到某個連結或按鈕時，必須有明顯的方框（Focus Ring）標示位置。
跳過內容連結： 在頁面最上方提供「跳到主要內容」的選項，方便螢幕閱讀器使用者。
理解性 (Understandable)
語言宣告： HTML 標籤必須註明語言（如<html lang="zh-Hant">）。
一致性導覽： 導覽列與選單在各個分頁的位置與呈現方式應保持一致。
錯誤處理： 表單送出出錯時，必須以文字明確指出錯誤位置與原因。
穩健性 (Robust)
語法正確： HTML 代碼需符合標準，避免標籤未閉合導致輔助軟體解析出錯。
輔助科技相容： 確保網站能被各類螢幕閱讀器（如 NVDA、JAWS）正確朗讀。
申請等級與標籤
目前申請標誌分為三個等級
A 級 最基本要求，若不符合則身障者幾乎無法使用。
AA 級 目前多數公共服務建議達標的等級。
AAA 級 最高標準，通常針對特定身障服務網站設計。
申請流程與行政要求
設置「無障礙說明頁面」：
網站內必須有一個獨立頁面，說明該站符合的等級、採用的快捷鍵（Access Key）定義，以及網站地圖（Sitemap）。
定義快捷鍵 (Access Keys)：
通常規定為：
Alt + U：上方導覽連結區。
Alt + L：左側選單區（若有）。
Alt + C：中央主要內容區。
Alt + Z：下方資訊區。
常見的設計是不合格
燈箱視窗 (Modal)： 彈出視窗若沒有鎖定鍵盤焦點，使用者會卡在背景層無法關閉視窗。
自動播放： 禁止自動播放音樂或影片，這會干擾螢幕閱讀器的聲音。
驗證碼： 圖形驗證碼必須提供「語音驗證」或其他替代方案。
滑鼠懸停 (Hover) 觸發： 僅靠滑鼠移入才顯示的選單，鍵盤使用者通常無法點選。
Report abuse