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

时间:2013-12-20 07:19:02

标签: html html5 accessibility wai-aria

我正在研究使用 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角色?

1 个答案:

答案 0 :(得分:5)

首先 - 删除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屏幕阅读器)支持地标(未经测试)。
  •   

本文还展示了测试支持的键盘快捷键。