我们正在构建一个web应用程序(JavaScript),它需要符合当地有关残疾人无障碍的法规和指南。
不幸的是,我们发现一些辅助功能支持软件不能很好地使用一些漂亮的UI设计特性和范例。这意味着我们现在根本不能使用这些功能。
一个特别的例子是,我们的应用程序经常提供到外部网站的链接,其中包含额外的信息。到目前为止,我们的用户最喜欢的方式是在新的选项卡或新窗口中打开这些链接。然而,这显然会让一些屏幕阅读器感到困惑,我们不被允许这样做,并且总是必须在同一窗口中打开链接。相反,如果我们可以确定是否正在使用屏幕阅读器并相应地调整web应用程序的行为,那就太好了。
这只是一个例子。虽然这个特定问题的解决方案非常受欢迎,但如果在JavaScript中有一种通用的方法来查询辅助功能支持功能当前是否处于活动状态,以便我们可以在运行时调整UI以适应当前用户的特定需求,那就更好了。
发布于 2020-09-11 08:00:13
您可以查询的内容有限,例如prefers-reduced-motion和high-contrast。
然而,由于各种原因,在用户拥有什么技术/需求方面暴露的东西并不多(隐私,歧视,为用户提供不同版本的东西的不良做法等)。关于公开这些信息的利弊,争论已经持续了很长时间,所以我在这里不再赘述)。
如果有特定的UI特性和范例,你正在努力使其可访问,请在这些特性和范例上单独提出问题,因为在保持当前功能的同时,不能通过一点重构使项目可访问的情况非常罕见,这是非常的。
为了达到你最初要求的效果,你可以添加一个“可访问性设置”屏幕,如果你认为这是实现最大可访问性的方法,它允许用户根据自己的需求定制东西,但是要小心,不要给使用这些设置的人提供不符合标准的体验,这可能也会使可维护性成为一场噩梦,所以我不建议这样做。
https://stackoverflow.com/questions/63838972
复制相似问题