屏幕阅读器无法识别基本的 ARIA 地标角色答案

【问题标题】：Basic ARIA landmark roles are not recognized by screen readers屏幕阅读器无法识别基本的 ARIA 地标角色
【发布时间】：2013-12-20 07:19:01
【问题描述】：

我正在研究使用 HTML5 实现 ARIA，并在我的 localhost 上构建了一个技术演示，以便在导出到生产网站之前管理范围。

在向 HTML5 标签添加地标角色后，我使用 IE11/Firefox 23 和 Jaws 15/Fangs - Firefox 插件进行了测试。

上述浏览器/屏幕阅读器组合都不能识别 ARIA 角色或地标（即，在将角色属性添加到现有标签之前/之后，页面的宣布方式没有变化）。

我正在测试的代码：

<!DOCTYPE html>
<html>  
   <head>
       <title>ARIA Test</title>
   </head>
   <body role="document">
       <div role="banner"> Hello world!</div>
       <div role="main">Greetings Earth!</div>
   </body>
</html>

有人对在屏幕阅读器中触发 ARIA 角色有任何建议吗？

【问题讨论】：

ARIA 地标角色主要是通过快捷键（JAWS 中的分号和 shift+分号）列出和遍历的导航机制，因此屏幕阅读器可能不会读出它们。

标签： html accessibility wai-aria

【解决方案1】：

首先 - 删除document 的角色，这本质上是 HTML 文档的默认设置，因此只有在您使用了应用程序角色时才需要。

其次，我会使用一组更常见的用户代理进行测试，例如NVDA 与 Firefox 或 Jaws 与 IE。

最常见的屏幕阅读器（按使用情况）支持地标已经有一段时间了。

摘自2011年的一篇文章，HTML5 Accessibility Chops: ARIA landmark support：

使用 Internet Explorer 9 或 Firefox 3+ 时的 NVDA 和 JAWS。

在 iOS 4+ 上使用 Safari 时的 VoiceOver

使用 Firefox 3+ 的 Orca（Linux 屏幕阅读器）支持地标（未测试）。

本文还显示了用于测试支持的键盘快捷键。

【讨论】：

感谢您的回复。我将使用关于不同 UA 字符串和屏幕阅读器的注释来扩展我的测试。不幸的是，键盘快捷键不像文章中所说的那样工作，但我觉得我编写的代码是按照规范设计的（除了文档的语义使用）。在学习新知识时，很难区分我的代码问题和第三方软件（JAWS 等）的兼容性问题。
如果您想深入了解 JAW 的处理方式，请尝试他们的 ARIA 文档：freedomscientific.com/PDF/visionloss/manuals/DevDoc/…