高保真原型设计工具的可访问性
视觉障碍者技术(屏幕阅读器、触觉图形、盲文)通用设计与包容性设计UI/UX 设计师辅助技术专家HCI 研究员
文献标题
Accessibility of High-Fidelity Prototyping Tools
文献信息
- 主题领域: 高保真原型工具的可访问性和人机交互
- 关键词: 高保真原型设计工具,屏幕阅读器,设计无障碍性,用户体验(UX),人机交互(HCI),图形用户界面(GUI),文本替代,键盘操作,可用性,视力障碍
研究背景与问题
-
问题或挑战:
- 绝大多数高保真原型工具未考虑对视障设计师的支持,这些工具的图形用户界面(GUI)对于屏幕阅读器用户并不友好。
- 现有研究很少关注视障设计师在设计过程中对工具的可用性问题。
- 原型工具的无障碍性往往会影响最终产品的无障碍性设计,形成不良的连锁反应。
-
重要性:
- 可用的设计工具是支持视障设计师参与用户界面(UI)和用户体验(UX)设计工作的前提。
- 改善工具的无障碍性不仅可以帮助视障用户,还可以提高最终产品的全用户覆盖。
-
研究动机与相关工作:
- 作者发现尽管人们努力改善网页和移动设备的无障碍设计,但设计工具本身的可访问性和可操作性问题尚未得到充分研究。
- 本文以视障设计师如何使用屏幕阅读器操作高保真原型工具为核心,评估工具与屏幕阅读器的兼容性。
解决方案
-
作者提出的方法或解决方案:
- 选择四款广泛使用的高保真原型工具(Sketch、Adobe XD、Balsamiq、UXPin)和两种主流屏幕阅读器(VoiceOver 和 Narrator),结合 IBM 可访问性检查表和 WCAG 准则,评估用户界面的无障碍特性。
- 从 GUI 元素访问性、关键设计操作任务等多个维度进行分析。
- 定义并量化 GUI 元素的不可访问率 (IAER),并提出针对性的改进建议。
-
创新之处:
- 针对非网页平台无标准无障碍评估标准的问题,作者结合现有的 IBM 无障碍检查表和自拟准则进行评估,填补了现有研究的空白。
- 提出了一套不仅限于技术兼容性的评估方法,同时考虑到关键交互功能的实现难度及其无障碍问题。
-
实施步骤与关键技术:
- 确定评估工具与屏幕阅读器的范围:选择流行的原型工具和低成本、广泛使用的屏幕阅读器。
- 定义 GUI 界面组成:绘图画布(Canvas)、层(Layer)、界面元素(Element)以及元素参数(Parameters)。
- 设计基础任务工作流:包括创建画布、添加按钮、链接页面等典型操作。
- 评估方法:
- GUI 元素测试:评估按钮、图片、文本框等关键 GUI 控件的可访问性。
- 任务测试:按步骤完成关键设计任务,并记录可访问性结果。
- 数据分析:根据指导准则评估支持程度并计算 IAER。
研究成果
-
具体成果:
- 在所评估的工具和屏幕阅读器组合中,无一能够完全满足无障碍性要求。GUI 元素的平均完全支持率为 45.9%,部分支持率为 34.2%,不支持率为 19.9%。
- VoiceOver-Sketch 和 VoiceOver-Balsamiq 是兼容性最好的组合。
- GUI 元素适配性中,Balsamiq 的模板功能有效减少了复杂操作的步骤,而 Adobe XD 和 UXPin 的多项功能对屏幕阅读器无法操作。
-
与现有解决方案的比较与优势:
- 作者的研究提供了系统的定量数据,能够具体指出无障碍性问题的分布和严重性。
- 以问题为导向的改进建议能够为工具开发者提供更明确的优化方向。
-
实验或评估结果:
- 表明大多数工具在以下方面存在主要无障碍性问题:
- 输入提示缺失。
- 非文本内容(如按钮、图片)缺乏替代文本。
- 控制操作的可识别性差。
- 焦点顺序不当。
- 键盘操作不可用或操作复杂。
- 表明大多数工具在以下方面存在主要无障碍性问题:
-
局限性与未来方向:
- 局限性:
- 由于测试由视力正常的研究者完成,盲人用户或熟练屏幕阅读器用户可能会发现作者未覆盖的问题。
- 研究主要评估基础原型任务的无障碍性,复杂原型设计的评估仍待补充。
- 评估范围局限于 VoiceOver 和 Narrator 屏幕阅读器。
- 未来方向:
- 邀请真实的盲人或低视力用户参与无障碍性测试,以扩展和验证当前发现。
- 考察工具输出(如导出的原型)的无障碍效果。
- 进一步拓展至其他屏幕阅读器(如 JAWS)的兼容性评估。
- 局限性:
研究问题 / 现实痛点
这篇论文在当前问题库中对应的问题线索。
help
研究问题
3- 高保真原型工具在可访问性方面存在哪些问题,尤其是对视障设计师?分类: 屏幕阅读器与界面无障碍访问同类问题arrow_forward
- 现有的屏幕阅读器能多大程度支持高保真原型工具的操作?分类: 屏幕阅读器与界面无障碍访问同类问题arrow_forward
- 如何通过系统化的评估方法改善高保真原型工具的无障碍设计?分类: 屏幕阅读器与界面无障碍访问同类问题arrow_forward
lightbulb
现实痛点
1- 视障设计师难以操作高保真原型工具设计界面。分类: 屏幕阅读器与界面无障碍访问同类问题arrow_forward
- 80%
改进颜色图案以帮助色觉缺陷人士
CHI '22· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +1
- 80%
“恶意”图像集:替代文本如何影响屏幕阅读器用户对图像密集型媒体的体验
DIS '24· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +1
- 80%
移动应用界面无障碍修复与增强方法中的鲁棒标注
UIST '18· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +1
- 67%
SIG:使地图无障碍并把无障碍功能放入地图
CHI '18· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +2
- 67%
Android应用中缺失标签可访问性故障的大规模纵向分析
CHI '22· 语音可访问性 +2
- 67%
VoxLens:使用交互式JavaScript插件使在线数据可视化变得易于访问
CHI '22· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文)
- 67%
野外的可视化可访问性:可视化设计师面临的挑战
CHI '22· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +2
- 67%
基于按键的非视觉交互中估计桌面应用程序感知可访问性的概率模型和指标
CHI '23· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +2
- 67%
iTagPDF:迈向PDF无障碍的最终自动化
CHI '26· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +2
- 67%
VIP-Sim:一种以用户为中心的视觉障碍模拟方法用于无障碍设计
UIST '25· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +2
基于研究子主题与职业分类的 Jaccard 相似度(≥60%)
快捷操作
广告推荐
学习 AI 编程到 CodeNow
open_in_new打开DOI链接
DOI: https://doi.org/10.1145/3411764.3445520
一眼看懂
fact_check论文快照
dataset
来源
CHI
calendar_month
年份
2021
emoji_events
奖项
未标记奖项
group
作者
3 位作者
sell
研究子方向
视觉障碍者技术(屏幕阅读器、触觉图形、盲文)、通用设计与包容性设计
work
职业/产业
UI/UX 设计师、辅助技术专家、HCI 研究员
article
内容状态
已索引正文
hub
相关论文
10 篇相关论文