课程大纲
第一天:法律背景与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
课程 - Basel III – Certified Basel Professional
I did like how the instructor seemed very knowledgeable with Figma.
January Oliva - Eko Health
课程 - User Experience Design with Figma
- exercises are practical - trainer is helpful in answering our specific questions
Germaine Choi - The Hong Kong Jockey Club
课程 - 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
课程 - User Experience UX Design Fundamentals
The trainer was extremely clear and concise. Very easy to understand and absorb the information.