課程簡介
第一天:法律背景與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:最終實踐練習與總結
- 構建或重構一個小型應用/模塊以符合無障礙標準
- 同行評審與小組討論
- 問答與反饋環節
- 持續學習與合規更新的資源
最低要求
- 具备HTML、CSS、JavaScript的基础到中级知识
- 具备移动应用技术(Android、IOS)的基础到中级知识
- 熟悉前端框架(React、Angular、Vue等)者优先
- 熟悉移动应用开发者优先
- 对Web/移动开发生命周期有基本了解
- 自备笔记本电脑,并已设置开发环境(代码编辑器、浏览器开发者工具)
受众 - 前端/后端/移动开发者
- 具备编码知识的UI/UX设计师
- 专注于无障碍测试的QA工程师
- 参与无障碍合规的产品负责人和项目经理
客戶評論 (5)
The fact that there were practical examples with the content
Smita Hanuman - Standard Bank of SA Ltd
Course - Basel III – Certified Basel Professional
I did like how the instructor seemed very knowledgeable with Figma.
January Oliva - Eko Health
Course - User Experience Design with Figma
- exercises are practical - trainer is helpful in answering our specific questions
Germaine Choi - The Hong Kong Jockey Club
Course - User Experience (UX) Design
Atmosphere, approach to the exercises and comments about the tasks. It was so nice and relaxed way of relay the knowledge
Elzbieta Moc-Kilanska - EY GDS
Course - User Experience UX Design Fundamentals
The trainer was extremely clear and concise. Very easy to understand and absorb the information.