設計包容性（符合歐盟 ACT 法規）培訓

法律背景與無障礙基礎

模組 1：無障礙法入門及其重要性

• 新無障礙法概覽（6月28日起生效）
• 法律要求與截止日期
• 對公部門、私營公司及開發人員的影響
• 為什麼無障礙很重要：社會、倫理及商業視角
• 違規處罰
• 無障礙標準概覽（WCAG 2.1/2.2，ARIA）
• 殘疾類別

模組 2：無障礙原則與指南

• POUR 原則（可感知、可操作、可理解、穩固）
• WCAG 指南介紹
• ARIA 角色、狀態及屬性
• 語意 HTML 及其在無障礙中的作用

模組 3：設定無障礙開發環境

• 工具：瀏覽器開發工具、螢幕閱讀器（NVDA、VoiceOver）、無障礙擴充功能
• 設定 Linters 與自動化無障礙測試工具
• 常見無障礙測試工具概覽
• 在行動模擬器及實體裝置上設定無障礙測試（使用 VoiceOver/TalkBack、Android Accessibility Scanner、Xcode Accessibility Inspector）。

模組 4：實作編碼 – 語意 HTML 與鍵盤導航

• 撰寫適合無障礙的標記語法
• 確保完整的鍵盤導航能力
• 焦點管理技巧
• 以無障礙方式處理表單及互動元素

原生行動應用程式中的無障礙（可選額外模組，1.5小時）

• 主要平台指南（Google Material、Apple Human Interface）
• 使行動裝置上的導航、按鈕、表單具備無障礙能力
• 常見行動無障礙問題與解決方案
• 使用 VoiceOver 和 TalkBack 進行實作測試

進階編碼與輔助技術

模組 5：無障礙 CSS 與視覺設計

• 色彩對比與文字大小的最佳實務
• 焦點樣式與可見的焦點指示器
• 無障礙的響應式設計考量
• 避免動畫及轉換中的無障礙陷阱
• 行動螢幕的色彩對比與 sizing 指南。

模組 6：動態內容與富網路應用（RIA）的 ARIA

• 何時以及如何使用 ARIA 屬性
• 管理螢幕閱讀器的即時區域（Live Regions）
• 建立無障礙元件與自訂組件
• ARIA 在 SPA（單頁應用程式）中的角色
• 對於行動裝置，討論原生平台中的無障礙角色與標籤（例如 Android 的 contentDescription、iOS 的 accessibilityLabel）。

模組 7：實作編碼實驗室：建構無障礙元件

• 建立無障礙按鈕、彈出視窗、下拉選單、標籤頁
• 實施無障礙表單驗證與錯誤處理
• 使用 ARIA 和語意 HTML 應用於現實世界中的 UI 元件

測試、合規性與持續無障礙

模組 8：無障礙測試與稽核

• 使用螢幕閱讀器及僅限鍵盤的 Manual testing techniques
• 使用 axe、Lighthouse、pa11y 等工具進行自動化測試
• 為 QA 團隊撰寫無障礙測試案例
• 在 CI/CD 管道中整合無障礙測試
• 如何在原生行動應用程式上執行無障礙稽核（手動測試、Automated tools like Accessibility Scanner, Espresso for Android, XCTest for iOS）

模組 9：補救措施與持續無障礙

• 常見無障礙問題及其修復方法
• 管理傳統程式碼庫中的無障礙性
• 在功能更新與重構期間維持無障礙性
• 跨平台應用程式（行動、桌面、網頁）中的無障礙性

模組 10：最終實作練習與總結

• 建立或重構小型應用程式/模組以符合無障礙標準
• 同儕審查與團體討論
• Q&A 與回饋環節
• 持續學習及合規更新的資源