跳转到主要内容

无障碍工具

·阅读时间 2 分钟

创建可访问的应用非常重要,我们很高兴地推出 DevtronSpectron 的新功能,让开发者有机会为所有人改进他们的应用。


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

这些新功能将这些审计工具带到您的 Electron 应用中。您可以使用 Spectron 将审计添加到您的测试中,或在 Devtron 的 DevTools 中使用它们。请继续阅读以了解这些工具的摘要,或查看我们的 辅助功能文档 以获取更多信息。

Spectron

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

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

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

Devtron

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

devtron screenshot

这两个工具都使用了 Google 为 Chrome 构建的 辅助功能开发者工具 库。您可以在该 仓库的 wiki 上了解有关此库使用的辅助功能审计规则的更多信息。

如果您知道其他适用于 Electron 的优秀辅助功能工具,请通过 pull request 将它们添加到 辅助功能文档 中。