TEL: 180-210-69380

设计系统的未来是无障碍的

May,09,2023 << Return list

在本系列的第三部分中,我们与设计系统和无障碍专家讨论了将包容性系统作为最优先事项的问题。我们以前讨论过 复杂 和 自动化 .


英雄形象 安德烈亚斯萨缪尔森 .


截至2022年,只有 互联网的3% 对残疾人来说是无障碍的--设计系统表面上是将针头向上移动的最佳解决方案。如果每个人都使用相同的部件包,并且遵循相同的规则,那么在无障碍指导中编织起来当然也应该很容易,对吧?(对吗?)


显示创建内部设计系统原因的条形图

1.是什么推动了内部设计系统的创建?

提出创建内部设计系统的理由的答复的百分比 材料设计状况调查 (2020).


有理由相信,这一长期追求的未来现在比以往任何时候都更加接近。越来越多的公司投资于内部设计系统--2020年将上涨22% 1 如 材料设计状况调查 三年后可能会更高。这一上升的主要动机之一是他们能够推动大规模的无障碍努力。在同一调查中,47%的答卷人 2 比如说他们的设计系统包括了无障碍指南--也是比前一年有了很大的增加,当时的无障碍被归为 ‘Other’ (8.4%)。现在有了更多的工具,一些公认的标准,如 网站内容无障碍导则而且法律上的影响越来越大,我们最终可能会改变这种做法。


条形图显示设计系统工件;图标库(84%)UI工具包(83%)样式指南(75%)大多数受访者(74%)也报告他们的设计系统有一个组件代码库。

2.设计系统中包含什么?

对本组织设计系统中某一特定工件的答复百分比也来自 材料设计状况调查 (2020).


设计系统和可访问性:完美的一对

全球有10亿残疾人,每年可支配收入为1.2万亿美元,因此,企业越来越难以忽视无障碍环境。许多组织开始认识到使其产品向所有人开放的重要性。 数字无障碍机会 ."创造容易获得的产品不仅仅是一个可以检查的盒子--它是一个机会,为增长铺平道路,建立信誉,并与消费者建立信任。


"设计系统是可访问的完美组合,"易趣高级设计主管安娜·扎雷姆巴说。"从经过仔细测试的前景色和背景色到各个组件,设计系统的每一个部分都可以实现可访问性。"通过促进一致性、详尽的文档和持续的反馈,设计系统为在整个产品生态系统中实施无障碍最佳实践提供了完美的支架。它们还通过在所有实例中传播系统级的调整,使大规模的更改更容易展开。


附有可访问性注释的概要用户界面示例

负责的无障碍人工智能

随着人工智能(AI)的无处不在,许多设计系统团队正在转向技术来提高用户的可访问性。结果是 新品种人工驱动工具


他们声称要用一行代码来检测和解决网络的可访问性问题:自动描述图像,标记未标记的按钮,并引入带有标题的语义结构。


可访问性覆盖

一种 可访问性覆盖 是为了帮助解决网站或网站应用程序上的无障碍问题而编写的JavaSIP。在浏览器呈现网站或Web应用程序后应用重叠代码,以进行转换。


AI可以成为自动化某些方面的有用工具,但正如我们在其他用例中所看到的那样,当涉及到需要人类理解和判断的任务时,它往往会出现不足。许多"插入和播放"可访问性小部件和覆盖 消极影响无障碍环境 ,导致 对400多家使用它们的公司提起诉讼 .在许多情况下,仅仅实现一个清晰的导航结构和语义代码,就会创造出一个比这些解决方案造成的破坏更具包容性的产品。


发言人

发言人 是苹果公司内置的屏幕阅读器。它的苹果、iOS、Tvos、无线电和iPod操作系统。通过使用配音,用户可以访问他们的麦金托什或iOS设备,基于口头描述,在Mac的情况下,键盘。


纽约的盲人图书馆技术教育家钱西·费尔特说,这项技术有一些负责任的实现。她引用了 苹果的屏幕识别 它与 发言人 检测用户界面中元素的布局,包括那些尚未被优化的应用程序。"苹果确实希望开发人员参与更容易理解的设计和开发实践。屏幕识别是由用户自行决定的.他们可以启用它,看看它是否能解决一个问题。"这并不是试图从真正的无障碍努力中抽走市场资金。这是向用户提供额外工具的一种方式。"



无障碍工具有能力使生活更容易和减少摩擦,但也可以培养新的依赖性和新的限制。

“ 可接近性 工具 拥有 … 权力 到 使发生 生活的 容易的 和 减少 摩擦, 但是 罐 同样地 养育 新的 依赖 和 新的 局限性。 ”

钱西舰队

随着图像识别的不断改进,切西对人工智能在处理无标记图像和生成盲人或视障人士描述方面的潜力持乐观态度。"我不认为人工智能能够很快处理主观性或情绪化,但我确实认为它将能够用相当有控制的视觉词汇来帮助解释元素,比如信息图表和条形图,"钱奇说。"可访问性工具有能力使生活更容易和减少摩擦,但也能促进新的依赖性和新的限制。我非常希望,在不久的将来,人工智能和机器学习将继续处理更多的需要人工干预的事情,以确保一个产品是包容性的。"


显示棋盘、危险标志、齿轮、开关和其他UI元素的摘要插图

最好的产品是天生的

从第一天开始构建可访问性意味着从默认的可访问设计系统开始。通过确保每个设计组件和代码元素从一开始就与无障碍标准相一致,公司可以防止接下来的访问问题。加州大学伯克利分校的无障碍技术传教士,加州大学的无障碍倡议领导人露西格列科说,团队必须考虑到无障碍的所有方面,在设计系统的包容性基础上。"一个残疾人能不用鼠标使用你的设计系统吗?组件是否拖曳?"她问。"如果他们是拖曳的,他们能用鼠标模拟键盘完成这个动作吗?"


这个概念促使易趣的安娜·扎雷姆巴和几个队友创造了 包含 一个可以从一开始就集成可访问性的插件。该工具以可访问性注释为目标,使设计人员更容易具体说明和理解需求。安娜说:"我们想知道如何确保包容性设计是我们设计过程的一部分。"他说:"我们发现,无障碍环境可能是压倒一切的,特别是对于刚刚加入易趣的新设计师而言,他们可能并不熟悉整个行业的最佳实践。"