Accessibility by Design (Compliance with EU ACT)

• 具备HTML、CSS、JavaScript的基础到中级知识
• 具备移动应用技术（Android、IOS）的基础到中级知识
• 熟悉前端框架（React、Angular、Vue等）者优先
• 熟悉移动应用开发者优先
• 对Web/移动开发生命周期有基本了解
• 自备笔记本电脑，并已设置开发环境（代码编辑器、浏览器开发者工具）
  
  受众
• 前端/后端/移动开发者
• 具备编码知识的UI/UX设计师
• 专注于无障碍测试的QA工程师
• 参与无障碍合规的产品负责人和项目经理

本課程深入介紹新頒布的Accessibility法規，並為開發人員提供設計、開發和維護完全無障礙應用程式的實用技能。課程首先討論該法規的重要性及其影響，接著迅速轉向實際的編碼實踐、工具和測試技術，以確保符合法規並為殘障用戶提供包容性體驗。

培訓結束後，參與者將能夠：

• 理解新的Accessibility法規及其對數位產品的影響
• 獲得無障礙編碼標準和最佳實踐的實際操作經驗
• 學習使用現代工具和輔助技術進行無障礙測試
• 能夠實施符合法律和道德標準的無障礙UI組件
• 提升所有用戶的體驗，包括殘障用戶
• 通過確保您的應用程式符合當前的無障礙要求來降低法律風險

課程形式

• 互動式講座和討論
• 大量練習和實踐
• 在實時實驗室環境中進行實際操作

課程定制選項

• 如需為本課程定制培訓，請聯繫我們安排。

第一天：法律背景與Accessibility基礎

模塊1：Accessibility法律介紹及其重要性

• Accessibility法律概述（6月28日生效）
• 法律要求與截止日期
• 對公共部門、私營企業和開發者的影響
• 無障礙的重要性：社會、倫理與商業視角
• 不合規的處罰
• 無障礙標準概述（WCAG 2.1/2.2, ARIA）
• 殘障類別

模塊2：Accessibility原則與指南

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

模塊3：設置Accessible開發環境

• 工具：瀏覽器開發工具、屏幕閱讀器（NVDA, VoiceOver）、無障礙擴展
• 設置linter和自動化無障礙測試工具
• 常見無障礙測試工具概述
• 在移動模擬器和真實設備上設置無障礙測試（使用VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector）

模塊4：實踐編碼——語義HTML與鍵盤導航

• 編寫語義標記以實現無障礙
• 確保完全鍵盤可導航性
• 焦點管理技術
• 無障礙處理表單和交互元素

原生移動應用中的Accessibility（可選額外模塊，1.5小時）

• 關鍵平台指南（Google Material, Apple Human Interface）
• 使移動設備上的導航、按鈕、表單無障礙
• 常見移動無障礙問題及解決方案
• 使用VoiceOver和TalkBack進行實踐測試

第二天：高級編碼與輔助技術

模塊5：Accessible CSS與視覺設計

• 顏色對比與文字大小最佳實踐
• 焦點樣式與可見焦點指示器
• 響應式設計的無障礙考量
• 避免動畫與過渡中的無障礙陷阱
• 移動屏幕的顏色對比與尺寸指南

模塊6：ARIA用於動態內容與富互聯網應用

• 何時及如何使用ARIA屬性
• 為屏幕閱讀器管理實時區域
• 創建無障礙小部件與自定義組件
• ARIA在SPA（單頁應用）中的作用
• 針對移動設備，討論原生平台中的無障礙角色與標籤（如Android中的contentDescription，iOS中的accessibilityLabel）

模塊7：實踐編碼實驗室：構建Accessible組件

• 創建無障礙按鈕、模態框、下拉菜單、標籤
• 實現無障礙表單驗證與錯誤處理
• 使用ARIA與語義HTML構建真實UI組件

第三天：測試、合規與持續Accessibility

模塊8：Accessibility測試與審計

• 使用屏幕閱讀器和僅鍵盤進行手動測試技術
• 使用axe、Lighthouse、pa11y等工具進行自動化測試
• 為QA團隊編寫無障礙測試用例
• 在CI/CD管道中集成無障礙測試
• 如何在原生移動應用上運行無障礙審計（手動測試，自動化工具如Accessibility Scanner, Android的Espresso, iOS的XCTest）

模塊9：修復與持續Accessibility

• 常見無障礙問題及如何修復
• 在遺留代碼庫中管理無障礙
• 在功能更新與重構期間維護無障礙
• 多平台應用中的無障礙（移動、桌面、Web）

模塊10：最終實踐練習與總結

• 構建或重構一個小型應用/模塊以符合無障礙標準
• 同行評審與小組討論
• 問答與反饋環節
• 持續學習與合規更新的資源