Week 4 Seminar
本页目录· 8 条
Summary
本次会议围绕“可访问性(Accessibility)与包容性设计(Inclusive Design)”展开,强调从用户多样性出发进行设计:先识别排斥(永久、临时、情境),向多样性学习,再“为一人而解、惠及众人”。在策略层面,讲师反复强调两条高位原则:支持多模态输入/输出(视觉、听觉、触觉反馈等),以及让界面“清晰、简单、一致”,避免用意料之外的交互“困住”不同能力的用户;实现时要与相关标准保持兼容。课程系统梳理了 W3C 的 WAI 体系与 WCAG 2.2 的四大原则——可感知、可操作、可理解、健壮,并给出面向作业可落地的实践:避免把文字嵌在图片里、为图像提供替代文本、为时序媒体提供字幕/转录、给自动轮播等定时交互提供暂停控制、保证颜色对比且不只依赖颜色提示、保留键盘可达性、交互目标至少 40–50px 等;同时介绍了辅助技术(屏幕阅读器、刷新点字、开关扫描等)与代码校验工具的使用。最后,讲师提醒:第5周课堂内活动、Submission 1 截止于第5周末,个人与小组材料需合并为一个PDF提交,并将问卷“响应”汇总后放入PDF(无需上传Excel源文件)。
详细要点与“划重点”
1) 以多样性为起点的人物角色(Persona)与同理心
- 讲师示范了如何把无障碍思维融入 Persona:区分移动能力与认知能力的限制(如手部抖动、轻度失忆),再据此推导设计考虑(较大的可点击区、确认操作、记忆辅助等)。同时强调通过生活化细节培养同理心,有助于更准确发现排斥与痛点。
- 包容性设计三原则:识别排斥;向多样性学习(让用户居中、理解其视角);为一人而解、惠及众人(如字幕既利于听障,也利于嘈杂环境中的用户)。
- 可选方案:提供多种交互方式,或提供“一种最兼容”的设计,尽可能覆盖人群。
2) 两条高位策略(反复强调)
- 多模态输入/输出:不要让用户只依赖单一感官;适当结合视觉提示、声音与振动触觉反馈,但实现需兼容标准。
- 清晰、简单、一致:避免过度复杂与出其不意的行为,减少认知负荷与迷惑。
3) WCAG 2.2 四大原则与课堂示例
- Perceivable(可感知):为非文本内容加替代文本,为音视频加字幕/转录,文本与控件要易看易听(含文本标签)。案例:避免把文字画进图片、正确书写
alt/title。 - Operable(可操作):保留键盘可达性、给用户足够时间、避免引发癫痫的闪烁(≤1秒内≤3次闪烁且面积受限)、提供足够大的交互目标(40–50px)。
- Understandable(可理解):用词可读、布局与导航可预期、帮助用户避免并纠错;不要仅靠颜色传达状态(需文字/图标/消息并行)。
- Robust(健壮):对当前与未来工具(含辅助技术)兼容;结构语义可被程序识别。讲义亦建议用 HTML/CSS/JS 校验与转译工具保证可解析性与向后兼容。
如何阅读与落地 WCAG:理解“原则—指南—成功准则”的层级,并以 A/AA/AAA 评估符合性;大多数项目以 A/AA 为务实目标。
4) 辅助技术与设计启示
- 课堂展示了硬件/软件层面的辅助技术:开关扫描(单键选中交点再呼出操作菜单)、刷新点字、屏幕阅读器(NVDA/JAWS/VoiceOver/TalkBack)等;这些能力要求我们提供可被读出的标签、合适的焦点顺序与状态通告。
- 讲师还强调:即使本单元不写代码,也应知道如何用校验工具保证前端资源的兼容与可解析性。
5) 标准与合规的更宏观框架
- ISO 9241-112 对“可访问性”给出定义,强调“在既定使用情境下,供尽可能广泛的人群使用”,且可由辅助技术支持。
- W3C WAI 体系包括 WCAG、ARIA、UAAG、ATAG——分别面向内容、富交互网页应用、浏览器/辅助技术、以及创作工具。
6) 与作业/提交直接相关的提醒
- 时间:第5周有课堂活动;Submission 1 截止第5周末。
- 提交形态:个人与小组组成“一份PDF”提交;问卷“响应”需汇总后放入PDF(可贴表格视图,无需原始Excel)。