6

要求：在每一页更改时，屏幕阅读器必须阅读整个页面内容。

我们使用 firefox+NVDA 进行测试，由于 Angular 不会“更改页面”，我们尝试了以下方法以使其在更改状态时读取整个页面：

aria-live="assertive"

这在很大程度上读取了我们网站中文本的更改，但它只读取了它正在添加的内容，在我们的例子中，我们有一个正在填充的表格ng-repeat，它读取正在添加的信息但没有任何上下文（它没有说明哪一行或正在读取列）

另一个问题是表单，当被角度填充时，屏幕阅读器会在它们被角度填充之前读取它，这已经解决了$timeout但是当aria-live读取更改时它仍然会跳过一些部分，如果我们添加aria-atomic强制读取，我们有一些带有多个选项的选择，并且已阅读（所有这些，我们有一百多个选项）。这不是屏幕阅读器的阅读方式，它们仅阅读前十个选项或单击它们时可见的选项。

请记住，如果没有任何 aria-live 或 aria-atomic，当您更改 Angular 状态时，不会通知用户任何更改。

在几乎放弃之后，我们决定也许我们的焦点是错误的，我们需要让每个州都有自己的页面，所以我们使用了以下内容：

function ForceNVDARead() {
    $(window).on('hashchange', function () {
        location.reload();
    });
}

这对于 URL 中的每次更改都会强制重新加载。这很好用，一切都被正确读取，我们几乎认为这解决了一切。除非这会导致客户端向我们的服务器发出双重请求。

有什么方法可以让 NVDA 像常规页面加载一样读取角度状态的内容，而不必强制重新加载页面？

请不要说仅使用 aria-roles 或类似的东西对此不起作用，我们已经拥有它们，我们需要应用程序在更改状态时读取所有内容。

感谢任何帮助，我们即将放弃，并在没有角度的情况下重新启动项目，因为我们无法实现我们的可访问性要求。

4

1 回答 1

9

要求：在每一页更改时，屏幕阅读器必须阅读整个页面内容。

从可访问性的角度来看，这基本上不是一个要求，它相当于让某人看着屏幕一次阅读所有内容，或者使用 readquick，这不是自然的用法。

使用 Angular 时可以实现屏幕阅读器的可访问性，但我们需要重新设置一些假设：

  • 当您有页面更新时，关键是管理焦点，并移动到新内容。这允许人们以他们自己的方式阅读，而不是你一直假设他们必须阅读的方式。
  • ARIA live 旨在用于页面其他地方的小更新（远离键盘焦点），而不是整个内容，这不是这里的答案，我会完全放弃它。
  • 如果人们在加载之前阅读表单，这可能是尝试使用 ARIA-live 强制阅读的副作用。如果没有，那么尝试使用焦点管理在表单加载后将焦点放在表单的顶部。
  • 可能值得阅读有关 NVDA 使用的教程，或者与“本地”用户交谈。我可以从经验中说，您并没有像最终用户那样使用它，因此请更好地了解“正常”交互是什么样的。

如果您放弃使用 ARIA-live 并使用焦点管理，您可能会解决大部分问题，但从不同的角度来看，以后可能会有更多问题。

于 2014-11-20T22:40:01.350 回答