BrowserStack推出Figma插件，设计阶段检测无障碍问题

最新消息 发布日期：2025年7月22日 作者：Jenna Barron

BrowserStack是一家提供测试解决方案的公司，近日发布了无障碍设计工具包（Accessibility Design Toolkit），这是一款Figma插件，可帮助开发者在设计阶段早期规划无障碍功能。

根据BrowserStack和WebAIM的最新报告，在他们分析的100万个网页中，94.8%至少存在一项Web内容无障碍指南（WCAG）失败。最常见的失败是颜色对比度不足和缺少替代文本，这两个问题在设计阶段都很容易预防。

“团队一直缺乏在早期发现无障碍问题的工具，尽管大多数问题源自设计阶段，“BrowserStack联合创始人兼首席技术官Nakul Aggarwal表示。“我们的工具包通过赋能设计师直接在Figma中解决高达40%的这些问题来解决这一痛点。”

该插件将自动检测UI组件，并根据WCAG标准进行验证，包括颜色对比度、标题结构、焦点顺序、图像替代文本、地标和触摸目标大小。

然后，它会使用无障碍富互联网应用程序（ARIA）规则对发现的组件进行注释，该框架包含可添加到组件中以使其更易访问的属性。

该工具包提供AI生成的建议，包括添加替代文本、修复标题结构以及改进键盘焦点顺序。

它还提供视觉模拟器，让设计师可以预览为视觉障碍用户设计的视觉体验。

该插件现在免费向所有Figma用户提供。