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：最终实践练习与总结

• 构建或重构一个小型应用/模块以符合无障碍标准
• 同行评审与小组讨论
• 问答与反馈环节
• 持续学习与合规更新的资源