台北慈濟醫院網站
台北慈濟醫院網站依 WCAG 2.2 AA 打造友善就醫體驗:線上掛號、看診進度、醫師/科別門診表、交通與就醫須知皆可易讀易操作,支援鍵盤操作、字幕與高對比模式,提供無障礙聲明與回饋管道。
-
作法 / 無障礙導覽Accessibility guidelines for tours
➊對比/色彩:文字與背景對比 ≥ 4.5:1;按鈕/連結 hover 與 focus 有可見狀態;用 Design Token 管控色階。
鍵盤可使用:全站可用 Tab/Shift+Tab 完整操作;提供 Skip to main content 跳轉;無鍵盤陷阱。
圖像與多媒體:醫師照片、科別圖示提供替代文字(alt);教學影片提供字幕/逐字稿;裝飾圖標 aria-hidden="true"。
可調整內容:支援 200% 縮放不破版;支援「減少動態效果」偏好;避免自動輪播干擾閱讀。
➋Freego檢測工具,依 WCAG 2.x 準則檢測 A/AA/AAA 級的「能機器判斷」項目(如對比、替代文字、表單關聯、語義結構等)。
流程:(1)開發自檢 →(2)Freego 全站抽測→(3)人工走查清單→(4)修正→(5)再測→(6)上傳並送審。
➌後台上稿無障礙規範需留意,影像替代文字 Alt,為看不見圖片的使用者描述重點內容;若為純裝飾,請留空並勾選「裝飾用」,字數:15–80 字。
標題 Title,游標懸停時的提示文字;可與 Alt 不同,用於補充情境。
說明/Caption,顯示在圖片下方的對外說明,支援中英文。
裝飾用圖片,若圖片僅作為版面裝飾,請勾選;系統會自動設定 alt="" 與 aria-hidden="true"。
更多優秀的設計等著您加入
樂活線上展覽,發掘您的靈感