Zac*_*h B 4 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角色的建议？
首先 - 删除文档的角色,这实际上是HTML文档的默认角色,因此只有在使用应用程序角色时才需要.
其次,我将使用更常见的一组用户代理进行测试,例如使用Firefox的NVDA或使用IE的Jaws.
最常见的屏幕阅读器(按用途)支持地标很长一段时间.
从2011年的一篇文章中,HTML5 Accessibility Chops:ARIA地标支持:
- 使用Internet Explorer 9或Firefox 3+时的NVDA和JAWS.
- 在iOS 4+上使用Safari时的VoiceOver
- 使用Firefox 3+的Orca(Linux屏幕阅读器)支持地标(未经测试).
文章还显示了测试支持的键盘快捷键.