无障碍设计你会注意什么?
UI/UX设计第 10 / 12 题答题框架
参考思路:对比度与字号→可聚焦与键盘操作→图片 alt/语义标签→不要只用颜色传达信息。提 WCAG 标准与自查工具。
五个经典回答示范
回答一 · 校招应届版
我关注四条基础:对比度——正文至少 4.5:1,大字 3:1,用工具校验;不只靠颜色传达信息——图表加形状纹理标签,色弱用户能读;键盘可达——所有交互可 Tab 聚焦、焦点样式可见、模态框焦点管理;语义化——图片有 alt、按钮用真按钮、标题层级正确,读屏软件依赖语义树。
回答二 · 1-3年经验版
我讲一次整改:产品被大客户验收时指出无障碍不合规。我们按 WCAG 2.1 AA 逐条整改:全站对比度扫描修正 137 处灰字;表单错误提示从纯红边改为图标加文字说明并关联输入框;焦点框被全局样式去掉的问题补回。沉淀了组件级无障碍规范进设计系统。经验:无障碍成本在组件层解决是最低的,页面级补救昂贵。
回答三 · 资深版
我把无障碍从合规上升到设计质量观:它是可用性的超集——视障用户用读屏、通勤用户单手操作、老人用大字体,无障碍设计出来的产品对所有人都更好(curb effect)。落地三原则:感知可替代——信息有多种模态;操作可替代——不只依赖精确鼠标;理解与容错——清晰语言与防错。度量上做自动化扫描加真人读屏测试,扫描只能抓 30% 的问题。
回答四 · 追问应对
追问『性价比怎么算』:组件库层一次改造全站受益;海外市场有法律要求(ADA、EN 301 549)不合规有诉讼风险;『读屏怎么测』:iOS VoiceOver 与桌面 NVDA 走核心任务流,对照 checklist;『alt 怎么写』:传达意图而非描述表象——按钮 alt 是动作语义,装饰图留空。
回答五 · 反面示范
『无障碍是政府项目的要求,商业产品没必要,中国没这强制标准,做了也没人看,浪费时间。』——点评:无障碍受益群体远比想象大——色弱人群占比约 8% 男性;老化和场景性障碍(开车、强光)人人会遇到;且合规风险随出海必然到来。
怎么练这道题
- 打开 模拟练习,选择「UI/UX设计」方向,限时 3 分钟作答本题。
- 对照上方答题框架,逐点检查:哪些要素没覆盖、哪里表达啰嗦。
- 用自己项目的真实经历替换框架中的占位内容,重讲一遍并录音回听。
这类题在真实面试中常被追问细节,
建议进入限时模式练一遍。
「UI/UX设计」方向其他高频题
▸ 设计走查怎么做?