使用 JAWS 屏幕阅读器的 Angular（单页应用程序）中的“同一页面链接”问题

Question

我正在 Angular 应用程序中进行一些 JAWS 可访问性测试，并遇到了一个有趣的问题。

JAWS 将指向其他视图的导航菜单链接视为指向同一页面的链接，因此在宣布链接名称之前会说“同一页面链接”。

然而，对于用户（无论是否有视力）来说，这些链接似乎不是同一页面，因为会出现一个新视图。

例如：

<a href="#">Home</a>
<a href="#/Transactions">Transactions</a>

当 JAWS 读取此内容时，它会显示“同一页面链接：主页，同一页面链接事务”，但事务实际上是完全不同的视图。

有什么方法可以调整我的代码以使 JAWS 认为这不是同一页面链接？

Answer 1

我不认为这在实践中是一个问题，只要你管理好键盘焦点。

当您选择链接时应该发生的关键事情是：您要去某个地方。

如果用户选择交易链接，您是否会将键盘焦点移至新视图的顶部？键盘焦点是 Angular 等框架的可访问性的一个关键方面。