跳转到主要内容

无障碍工具

·阅读时间 2 分钟
jlord
jlord

构建可访问性应用程序很重要，我们很高兴能为 Devtron 和 Spectron 引入新功能，让开发人员有机会让他们的应用对所有人更好。

Electron 应用程序的可访问性问题与网站类似，因为它们最终都是 HTML。但是，在 Electron 应用中，您无法使用在线资源进行可访问性审计，因为您的应用没有 URL 可以指向审计工具。

这些新功能将这些审计工具引入到您的 Electron 应用中。您可以选择将审计添加到 Spectron 的测试中，或者在 DevTools 中使用 Devtron。继续阅读以了解这些工具的摘要，或查看我们的 可访问性文档 以获取更多信息。

Spectron​

在测试框架 Spectron 中，您现在可以审计应用程序中的每个窗口和 <webview> 标签。例如

app.client.auditAccessibility().then(function (audit) {
  if (audit.failed) {
    console.error(audit.message);
  }
});

您可以在 Spectron 文档中了解有关此功能的更多信息。

Devtron​

在 Devtron 中有一个新的可访问性选项卡，它允许您审计应用程序中的一个页面，并对结果进行排序和过滤。

devtron screenshot

这两个工具都使用了 Google 为 Chrome 构建的 Accessibility Developer Tools 库。您可以在该 存储库的 wiki 上了解有关此库使用的可访问性审计规则的更多信息。

如果您知道其他适用于 Electron 的优秀可访问性工具，请通过提交 pull request 将它们添加到 可访问性文档中。